Menu keeps disappearing

santieb · Post by **santieb** » Mon Jul 06, 2020 1:14 pm

Everything is uploaded with picture and explanation ...please download it again, if it still doesn't display correctly, let me know.

Thks

santieb · Post by **santieb** » Mon Jul 06, 2020 1:14 pm

herewith the link
http://www.tripack.co.za/

Post by **Pablo** » Mon Jul 06, 2020 1:22 pm

Sorry, but I do not see the images.
I also need those images to be able to load your project.

To get the images:
- locate the project file (wbs) on your computer
- there is a sub folder with te same name as the project, this folder contains the images.

santieb · Post by **santieb** » Mon Jul 06, 2020 1:43 pm

My apologies, i'm still learning. I've uploaded it again. Please see if it's working now.
http://www.tripack.co.za/

Thks
Santie

santieb · Post by **santieb** » Mon Jul 06, 2020 1:44 pm

It's a zipped file ..

Post by **Pablo** » Mon Jul 06, 2020 3:46 pm

Thanks, I have all the files now.

But I think it works correct.
However, you have a sticky layout grid, so this overlaps part of the content you are trying to jump to with your bookmarks.

santieb · Post by **santieb** » Mon Jul 06, 2020 7:25 pm

if i click on the layout grids, it says "floating" by position...not sticky grid???

santieb · Post by **santieb** » Mon Jul 06, 2020 7:28 pm

where does it state its a sticky layer? i don't see it

Post by **Pablo** » Mon Jul 06, 2020 8:11 pm

'LayoutGrid2' on the master page is set to 'sticky'

santieb · Post by **santieb** » Tue Jul 07, 2020 2:38 pm

Thank you soooo much Pablo!! it's working!!

Santie

santieb · Post by **santieb** » Tue Jul 07, 2020 2:45 pm

Hi Pablo

Just the one thing is the TS-Portfolio page still show in the navigation on the mobile phone. I did check the box....don't synchronize this page with navigation in page properties

Santie

Post by **Pablo** » Tue Jul 07, 2020 3:07 pm

Did you upload the updated project?
What is the ID of the menu and which menu item are you referring to?

alan_sh · Post by **alan_sh** » Tue Jul 07, 2020 4:11 pm

santieb wrote: ↑Mon Jul 06, 2020 11:16 am Please can you tell me how to exclude a page in navigation? The TS-portfolio page, i dont want it to show in the sub menus, i want to test the mobile web

Santie

On the page - right click to get to the properties of the page. It's one of the options.

Alan

santieb · Post by **santieb** » Wed Jul 08, 2020 1:20 pm

Thank you

santieb · Post by **santieb** » Sun Jul 12, 2020 11:05 am

Hi Pablo/ Team

I have a few problems still with the web. I will upload a demo for you to see.

1. The overlay menu is not working on both mobile and tablet
2. The Carousel is also not properly working on mobile, there is also text that must move with the slides.
3. The top button, the arrow keeps going behind the layers, although i did bring it to the front many times, but it's still behind the layers.

Here is the published file so long, i will send the demo now
http://www.tripack.co.za/

Kind Regards
Santie

Post by **Pablo** » Sun Jul 12, 2020 11:11 am

What do I need to do to see the problem?

Note that a menu item with sub menus should not have a link. Otherwise the 'expand' option will not work.

santieb · Post by **santieb** » Sun Jul 12, 2020 11:41 am

Pablo, please let me know when i can upload the demo file, i can't leave it there...

Kind Regards
Santie

santieb · Post by **santieb** » Sun Jul 12, 2020 11:48 am

" Note that a menu item with sub menus should not have a link. Otherwise the 'expand' option will not work."

Not sure what you mean by this, ill upload the demo, i've taken out as much as i can, so hopefully this will be good enough as a demo.

http://www.tripack.co.za/

Thanks
Santie

Post by **Pablo** » Sun Jul 12, 2020 12:40 pm

Sorry, but there is still too much content.
Tip: if you have an problem with a menu then basically the project should only have one page with a menu.

About the menu:
The 'PRODUCT" item has sub menu, so the menu itself should not have a link.
The menu item can only do one thing. It's either a link or a drop down menu. it cannot be both at the same time.

santieb · Post by **santieb** » Sun Jul 12, 2020 12:53 pm

Hi Pablo

I see what you mean with the overlay menu, so that i did fix...

santieb · Post by **santieb** » Sun Jul 12, 2020 1:05 pm

I've uploaded the new demo again, the problem on the mobile page seems the same, its not linking to the contact page etc. The Text on the mobile page where the carousel is, is also not displaying correctly. The "top-button" (arrow) is behind the text, and i see the overlay menu is moving with the content, which i don't really want, if the overlay menu is suppose to do that then at least it must be above the content, now its behind the content aswell.

Herewith the new demo
http://www.tripack.co.za/

Thanks
Santie

santieb · Post by **santieb** » Sun Jul 12, 2020 2:10 pm

Hi Pablo

Let me know when i can upload the demo for you please, as i'm busy testing the web on the site as well.

Kind Regards
Santie

Post by **Pablo** » Sun Jul 12, 2020 2:45 pm

Can you please explain where on the page I need to look for a problem?
What is the ID of the object?
And what do I need to do to see the problem?

IMPORTANT NOTE:
If you share a project, please remove all non-relevant content.
This applies to all your queries.

Related FAQ (please read)
https://www.wysiwygwebbuilder.com/forum ... 10&t=82134

santieb · Post by **santieb** » Sun Jul 12, 2020 3:21 pm

Okay Pablo

Lets focus on the overlay menu first.
Masterpage > Mobile (320px breakpoint)
ID-OverlayMenu-m

This menu does not work on the mobile. The links does not work where the menu is linked to the specific name on the page
Following links:
tripack_name_m
values-m
products-m
contact-m

Ill upload the new demo now. Dont know how to simplify it even more.

Thks
Santie

santieb · Post by **santieb** » Sun Jul 12, 2020 3:23 pm

Herewith the new demo

http://www.tripack.co.za/

Post by **Pablo** » Sun Jul 12, 2020 5:20 pm

It's still the same project: 19MB...

But, I assume you are referring to the index page and the links on the master page?
All the links seem to work for me.

What are the exact steps do to see the problem?

crispy68 · Post by **crispy68** » Sun Jul 12, 2020 5:35 pm

Hi Santieb,

I've looked at your design and there is some design issues:

1. Why are you duplicating objects? For example, 'tripack_name' is the same as 'tripack_name_m'. You have 2 text objects for the same text. This is not necessary. If you want a smaller font in mobile then simply enable responsive fonts and then change the size in the breakpoint. Duplicate objects for the same thing just causes confusion will bloat your code.

2. Why are you using blank layout grids with padding added to use for spacing between other layout grids? This will only bloat the code. The text 'Tripack Distributors' can be placed inside the same layout grid11 and you can eliminate 2 layout grids just right there. Then to achieve the spacing between the text and the card container below, add padding or margin to the text object on the bottom.

3. Your breakpoint settings are not the same for the index page and the master page. Open up the master page, click on the Manage Breakpoints and select 'Activate breakpoints when browser window is larger than the device width'.

4. Your bookmarks work in the 1st two layouts because you are linking to a bookmark. In the mobile, you are linking to a text object. Why? Also, why do you have 2 different menus for mobile when they are basically the same?

5. Layers and layout grids can be bookmarks themselves. Instead of bookmarking to the text, bookmark to the layer/layout grid instead.

santieb · Post by **santieb** » Sun Jul 12, 2020 5:53 pm

Hi Crispy

I basically am new to Web builder. So everything is self taught. I watch alot of you tube videos on this as well. For instance this video here
https://www.youtube.com/watch?v=bM61dIVcFBs&t=8s

That's why my web is build like it. Thank you for all the help, i will go through it. Any good video tutorials you welcome to send it.

Pablo, yes the master pages where the overlay menu is. The overlay menu does not work on the mobile...thats the main thing i need to get fixed for now.

Kind Regards
Santie

crispy68 · Post by **crispy68** » Sun Jul 12, 2020 6:12 pm

My #4 above is the issue. You should only have 1 overlay menu. Fix this and make sure the bookmarks are to either other bookmarks on the page or the actual layout grid.

santieb · Post by **santieb** » Sun Jul 12, 2020 6:28 pm

Where do i enable responsive fonts ?

crispy68 · Post by **crispy68** » Sun Jul 12, 2020 6:38 pm

Right click the text object and choose Object Properties:

santieb · Post by **santieb** » Sun Jul 12, 2020 6:45 pm

Thank you!

santieb · Post by **santieb** » Sun Jul 12, 2020 6:46 pm

"My #4 above is the issue. You should only have 1 overlay menu. Fix this and make sure the bookmarks are to either other bookmarks on the page or the actual layout grid."

Let me do this and see, thank you so much!

Santie

santieb · Post by **santieb** » Sun Jul 12, 2020 6:56 pm

The heading by the Carousel
ID: TitleD (on the index page)
Which says "Plastic Bottles" That doesn't give me an option to enable responsive fonts..

crispy68 · Post by **crispy68** » Sun Jul 12, 2020 7:01 pm

If you are using a dedicated Heading Object, then simply open up that object in the breakpoint and change the size for that breakpoint. If you are using the Heading styles in the styles manager, then you will add BP's for each breakpoint and change the size there in the style manager.

santieb · Post by **santieb** » Sun Jul 12, 2020 8:30 pm

Thank you Crispy, busy changing everything

santieb · Post by **santieb** » Sun Jul 12, 2020 9:06 pm

The back to top button keeps going behind the content on the mobile page. I did set it on the left hand side now. I moved it to front, but its still behind the content...

crispy68 · Post by **crispy68** » Sun Jul 12, 2020 9:37 pm

That's because the z-index of it is lower than whats on the index page. You will need to change this.

Go to your masterpage --> right click on 'top_button' --> select object HTML --> choose Custom Style --> add the following:

Code: Select all

z-index:8000;

santieb · Post by **santieb** » Sun Jul 12, 2020 10:13 pm

Thank you! That's sorted
i see the overlay menu does the same on the mobile..it goes underneath the content..

santieb · Post by **santieb** » Mon Jul 13, 2020 2:24 pm

Hi Crispy/ Pablo

Can you perhaps tell me why the overlay menu on the index page (Mobile) is underneath the content? On all the other pages it seems fine.
Let me know if i can upload a demo...but you should still have the file

Kind Regards
Santie

crispy68 · Post by **crispy68** » Mon Jul 13, 2020 2:25 pm

If something is below something else it's usually due to the z-order. Same as your go to top button.

santieb · Post by **santieb** » Mon Jul 13, 2020 3:12 pm

Thank you Crispy, i did change it, but it's still doing the same, ill see if i can upload a demo a bit later.

Thank you so much for all your help!

Kind Regards
Santie

santieb · Post by **santieb** » Sun Feb 07, 2021 6:09 pm

Hi

I don't know where to start a new post. I need to know the following, see i can't attach an image. Please have a look at this link. I want to create a pop up menu, where the text is linked to the different pages. The navigation bar will be separate. Click on the SHOP tab in the nav bar, the menu will pop up
https://sep.co.za/

Secondly, i would like to add the "like button" on the portfolio pics, as well as the share button. have a look at this template. Just hover over the picture in the portfolio
https://www.wix.com/website-template/vi ... iew_button

Any advise will be appreciated
Thank you
Santie

Post by **Pablo** » Sun Feb 07, 2021 6:41 pm

Please see this FAQ how to start a new topic:
https://www.wysiwygwebbuilder.com/forum ... 10&t=80193

To add an image to your post
- upload the image to your website or another public server
- include the link in your post

There are many menus available for WYSIWYG Web Builder. Please check out this list:
https://wysiwygwebbuilder.com/navigation.html

There is no 'like' button functionality because this would require a database driven gallery.