Menu bar - hamburger icon not displayed when viewing different viewports. 
Author: Keith V.
Visited 1786,
Followers 1,
Shared 0
I am new to WebSite X6, but not to web site creation.
I used a standard template and was having a problem with the menu bar.
I deleted the template menu bar, after failing to fix the problem, and added the menu icon to the template header.
When viewed on my computer screen (UHD resolution), everything looks and works OK. When I select the different size viewports, the hamburger icon is never displayed, and the menu buttons are always shown, but truncated, depending on the width of the viewport.
The URL is http://www.ontheradio.org
Can anyone help please?
Posted on the
The hamburgermenu will shop up if there is not enough space in the menu for the menu buttons.
So make on every viewport the menu object fit into the header and don't let any objects get outside the header and footer space. (you can use right mouse button to set for every viewport the size to fit content
If the header get's smaller (for smaller viewports) there will be a time where you won't be able to set the menu object within the header with the buttons to show, in that case the hamburgermenu will show up automaticly.
So make your object of the menu smaller! See that any object never exceeds in any viewport the grid of the header or footer!
Author
Thank you Andre. I was not aware of the viewport view settings on the template.