Menu keeps disappearing

Questions related to the Responsive Web Design tools of WYSIWYG Web Builder.
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/respon ... esign.html
Please read this first before posting any questions! Also check out the example project to get an idea how the RWD concept works.

Responsive Web Design FAQ:
http://wysiwygwebbuilder.com/forum/view ... 10&t=63817
User avatar
Pablo
 
Posts: 21525
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Menu keeps disappearing

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?

User avatar
crispy68
 
 
Posts: 1052
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Menu keeps disappearing

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
 
 
Posts: 60
Joined: Tue Sep 10, 2019 7:15 pm

Re: Menu keeps disappearing

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

User avatar
crispy68
 
 
Posts: 1052
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Menu keeps disappearing

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
 
 
Posts: 60
Joined: Tue Sep 10, 2019 7:15 pm

Re: Menu keeps disappearing

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

Where do i enable responsive fonts ?

User avatar
crispy68
 
 
Posts: 1052
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Menu keeps disappearing

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

Right click the text object and choose Object Properties:

Image

santieb
 
 
Posts: 60
Joined: Tue Sep 10, 2019 7:15 pm

Re: Menu keeps disappearing

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

Thank you!

santieb
 
 
Posts: 60
Joined: Tue Sep 10, 2019 7:15 pm

Re: Menu keeps disappearing

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
 
 
Posts: 60
Joined: Tue Sep 10, 2019 7:15 pm

Re: Menu keeps disappearing

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..

User avatar
crispy68
 
 
Posts: 1052
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Menu keeps disappearing

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
 
 
Posts: 60
Joined: Tue Sep 10, 2019 7:15 pm

Re: Menu keeps disappearing

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

Thank you Crispy, busy changing everything :wink:

santieb
 
 
Posts: 60
Joined: Tue Sep 10, 2019 7:15 pm

Re: Menu keeps disappearing

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...

User avatar
crispy68
 
 
Posts: 1052
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Menu keeps disappearing

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
 
 
Posts: 60
Joined: Tue Sep 10, 2019 7:15 pm

Re: Menu keeps disappearing

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
 
 
Posts: 60
Joined: Tue Sep 10, 2019 7:15 pm

Re: Menu keeps disappearing

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

Post Reply