Responsive Menu

[Mecerbranded]

I have Responsive Menu and it works fine in 970 and 768 page width when previewing, and on the internet.
But at 360, the menu is always vertically expanded. the hamburger icon is not visible. The menu does not contract after a selection is made.
Please look at 360 breakpoint at
www.kranskloofcountrylodge.co.za

I need the menu to collapse, and to open only when the hamburger icon is touched or clicked.

Thank you

[Pablo]

It looks like you did not set the right breakpoint value for the menu.

To be able to help you, I need a DEMO project (.wbs file) so I can see all your settings.

I do not need the complete project because that will only take more time to figure out what you have done.
Basically, I just need a small project with one page and object(s) that are relevant to your question.

Note that I cannot see what you have done based on the published page (HTML), because the software has thousands of options and millions of possible combinations.
So, there is no way to know which options you have used by looking at the HTML only.

For further details about how to share a project file, please see this FAQ:
viewtopic.php?f=10&t=82134

[crispy68]

I took a gander at it and only guessing based on what I can see:

1. It looks like you have a fixed size for the menu. I would recommend setting it to full width in a grid. When it breaks at 768 the width of your menu is only 158px which is why it looks all scrunched up.
2. It looks like you have 3 breakpoints: 970, 768 and 360. So, if you want the menu to switch from horizontal (desktop) to vertical (hamburger) then set your breakpoint in the menu to 767. This way it is triggered right when the screen size is less than 768px.

[Mecerbranded]

Thank you - I changed the menu's breakpoint to 420 and now it works fine.