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

Re: Menu keeps disappearing

Post by santieb »

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
User avatar
Pablo
 
Posts: 21572
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Menu keeps disappearing

Post by Pablo »

Did you upload the updated project?
What is the ID of the menu and which menu item are you referring to?
alan_sh
 
 
Posts: 1681
Joined: Tue Jan 01, 2019 5:50 pm

Re: Menu keeps disappearing

Post by alan_sh »

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

Re: Menu keeps disappearing

Post by santieb »

Thank you
santieb
 
 
Posts: 146
Joined: Tue Sep 10, 2019 7:15 pm

Overlay Menu not working

Post by santieb »

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
User avatar
Pablo
 
Posts: 21572
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Menu keeps disappearing

Post by Pablo »

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

Re: Menu keeps disappearing

Post by santieb »

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

Kind Regards
Santie
santieb
 
 
Posts: 146
Joined: Tue Sep 10, 2019 7:15 pm

Re: Menu keeps disappearing

Post by santieb »

" 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
User avatar
Pablo
 
Posts: 21572
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Menu keeps disappearing

Post by Pablo »

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

Re: Menu keeps disappearing

Post by santieb »

Hi Pablo

I see what you mean with the overlay menu, so that i did fix...
santieb
 
 
Posts: 146
Joined: Tue Sep 10, 2019 7:15 pm

Re: Menu keeps disappearing

Post by santieb »

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

Re: Menu keeps disappearing

Post by santieb »

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
User avatar
Pablo
 
Posts: 21572
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Menu keeps disappearing

Post by Pablo »

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

Re: Menu keeps disappearing

Post by santieb »

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

Re: Menu keeps disappearing

Post by santieb »

Herewith the new demo

http://www.tripack.co.za/
User avatar
Pablo
 
Posts: 21572
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Menu keeps disappearing

Post by 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?
User avatar
crispy68
 
 
Posts: 2737
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Menu keeps disappearing

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

Re: Menu keeps disappearing

Post by 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
User avatar
crispy68
 
 
Posts: 2737
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Menu keeps disappearing

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

Re: Menu keeps disappearing

Post by santieb »

Where do i enable responsive fonts ?
User avatar
crispy68
 
 
Posts: 2737
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Menu keeps disappearing

Post by crispy68 »

Right click the text object and choose Object Properties:

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

Re: Menu keeps disappearing

Post by santieb »

Thank you!
santieb
 
 
Posts: 146
Joined: Tue Sep 10, 2019 7:15 pm

Re: Menu keeps disappearing

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

Re: Menu keeps disappearing

Post by 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..
User avatar
crispy68
 
 
Posts: 2737
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Menu keeps disappearing

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

Re: Menu keeps disappearing

Post by santieb »

Thank you Crispy, busy changing everything :wink:
santieb
 
 
Posts: 146
Joined: Tue Sep 10, 2019 7:15 pm

Re: Menu keeps disappearing

Post by 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...
User avatar
crispy68
 
 
Posts: 2737
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Menu keeps disappearing

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

Re: Menu keeps disappearing

Post by santieb »

Thank you! That's sorted
i see the overlay menu does the same on the mobile..it goes underneath the content..
santieb
 
 
Posts: 146
Joined: Tue Sep 10, 2019 7:15 pm

Re: Menu keeps disappearing

Post by 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
User avatar
crispy68
 
 
Posts: 2737
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Menu keeps disappearing

Post by crispy68 »

If something is below something else it's usually due to the z-order. Same as your go to top button.
santieb
 
 
Posts: 146
Joined: Tue Sep 10, 2019 7:15 pm

Re: Menu keeps disappearing

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

Pop up menus

Post by 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
User avatar
Pablo
 
Posts: 21572
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Menu keeps disappearing

Post by 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.
Post Reply