Can the page menu be responsive? 
Author: Alberto P.
Visited 2188,
Followers 2,
Shared 0
Is it possible to have a responsive page menu, that is, a page menu (of a responsive website) that is visible only for certain resolutions and that disappears otherwise? I have the impression that having a page menu for lower resolutions is nothing but a waste of space.
Posted on the
You can set the page menu to "Do not display" = Disable checkbox, so it appears in responsive and desktop only as submenu in the main menu and does not occupy any space in the page content area.
JJ.
Where: 2 Customize - Page menu - Style of the page menu
Author
Many thanks for your answer JJ, but this is now what I was looking for.
A page menu is useful if the resolution is bigger than, let's say, 700px,
but wastes too much space if the resolution is less than that value.
I was wondering whether it would be possible to specify for which
resolution it should (or should be not) displayed. Any idea?
Hello Alberto
In the new v13 the main menu is acting different as in earlier versions.
Until v13 you could have the main menu on more lines.
From v 13 you can only have one line. In fact I think that v13 acts exactly as you want it to.
If the screen will be smaller than the menu can be shown, then the menu disappears, and you only have the hamburger-icon.
You cannot set a breakpoint for this to happen - but you can style the menu settings ( width for a menu item and so ) to make it happen when you want to.
I think it is not needed as the program does it automatically.
So - if you define your site as responsive, the v13 does it automatically.
If you do not have tried it already, you could download a free testversion of the V13, and see if this is what you want.
Kind regards
John S.
Alberto
Whilst I have used the page menu for all resolutions in one part of my website (eg http://esahc.com/virus-protection.html) you are quite right. Sometimes the page menu takes up too much room on the page on mobile displays.
In version 13 you cannot specify at which resolutions the page menu is visible, but you can create your own as I have done.
I manually created a page menu in a row of cells and simply placed it on any page I wanted it, then selected to hide those cells at lesser resolutions.
eg http://esahc.com/about.html
Just as a matter of passing interest, I also played around with manually creating a double row page menu on the home page (where I ran out of things to say :-) so that at desktop resolution the whole menu with descriptions was visible, at tablet resolution only the headings were visible and at mobile resolution none were visible (the user can use the toaster menu).
eg http://esahc.com/index.php
Is that what you wished to achieve?
Author
Dear John,
many thanks for the answer, now I understand better when the burger menu appears and how to tweak it.This is exactly what I needed to know.
Many thanks to Esach as well. It's quite explanatory, but it sounds like a lot of work and something not straightforward to maintain. I'll think twice about it before entering that level of customization.