Menu keeps disappearing

[Pablo]

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]

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]

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]

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]

Where do i enable responsive fonts ?

[crispy68]

Right click the text object and choose Object Properties:

[santieb]

Thank you!

[santieb]

"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]

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]

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]

Thank you Crispy, busy changing everything

[santieb]

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]

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]

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

[santieb]

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]

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

[santieb]

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]

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

[Pablo]

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.