Master page not displaying as was designed

[skanaba]

Hi, the puzzle today: We created a master page for this website in development:
https://wearepuppeteers.com/WAP_Website_11-04-20/
When viewing in smaller screen sizes, the hamburger menu is supposed to be centered above the line of text, Menu. It is centered in my 768, 480, and 320 break points. Here is a link for the .wbs project file:
https://wearepuppeteers.com/WAP_Website ... -04-20.wbs
Side note: When we preview the pages in a browser, the same issue is there - no centering on the hamburger menu. Any thoughts on what could be causing this?
We are using version 14.4.0
Next question: If I download version 16, will all of the websites that I have created....be compatible with the new version of the web builder?
Thank you! Steve K.

[Pablo]

First note that support for version 14 has ended.
All your projects will also work in WB16.

I have downloaded your project but there is so much content that I do not know where to start looking.
If you need help then please create a demo project which only contains the elements that are relevant to your question so it's immediately clear where to look.
See also this related FAQ:
https://www.wysiwygwebbuilder.com/forum ... 10&t=82134

[skanaba]

Hi Pablo,
The link goes directly to the home page. All of the other pages are also using the master page for the navigation, content and footer.
Here is a direct link to the master.html page which is showing the issue when you shrink the screen. Hamburger menu is supposed to be centered and it is in the editing program.
https://wearepuppeteers.com/WAP_Website ... aster.html
Do you see the issue in your browser when shrinking the screen size?
Thank you. I will consider updating to vers. 16
Steve K.

[crispy68]

I believe if you just set column2 of LayoutGrid768 to center it will fix the issue.

[skanaba]

Hi, the column is set to "center". The master.html file was uploaded and it is puzzling why it is not showing up as it should. Any ideas?
Thank you!, Steve K.

[crispy68]

I downloaded your project and it works for me. Do the following:

Go to each breakpoint (768, 480 and 320) and double click on the layout grid, select the center column and then hit ok.

Few other pointers.

1. Why are you using multiple CSS menus and expandable panel menus for the same thing? You only need 1 of each and they can be used in breakpoints. By having 5 instances of these you are bloating code and potentially may cause an issue.
2. You dont need to have a separate layout grid for each menu. You only need 1 layout grid both with the css menu and expandable menu in it. Simply hide the menu you dont want in the breakpoint.

[skanaba]

Thanks crispy68! Odd that the centering is showing up as it should for you.
And yes, I did center the columns at each breakpoint as you suggested...and that is what is online.
Good idea about simplifying the nav and ditching the multiples.
Have a good weekend, Steve K.