Start a new discussion

To start a new discussion please visit the discussions section of the GitHub home page of the project.

You can also search our old self-hosted forums for any useful information below but please note that posting new content here is not possible any more.

Archived forums

Do not collapse top level

This topic has 3 replies, 2 voices, and was last updated 7 years, 5 months ago by admin.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
December 11, 2014 at 07:26 #1379

firmaweb
Participant

I intend to use this wonderfull menu for a website and need some help. Is it possible to collapse only the second and following levels, but not the first one, when on small devices?
The reason is that the website has a sticky topbar with 3 icons: menu, search and language. They should remain align horizontally, on the same line, regardless of screen size. Here’s a scrrenshot:

And another question: is it possible to hide submenu indicators for the top level, of the same reason.

I really hope that it is possible, because I really love this menu.
Thank you very much!
Jan

December 12, 2014 at 06:10 #1780

admin
Keymaster

Hm, to be honest I am not sure I understand very well your question. By default in collapsible mode the main menu is visible and the 2+ levels are collapsed and can be expanded by the user. If you are asking how to hide the main menu too and only show it when clicking your menu toggle button, then please take a look here to learn how to configure your menu button:

http://www.smartmenus.org/docs/#menu-toggle-button

If this is not what you are asking, please try to explain again.

December 12, 2014 at 11:15 #1782

firmaweb
Participant

Thank you very much for answering. What I want is to have the top level remain as it is on normal devices/desktop, horizontally. This is because I’m using icons for top level and they are part of a sticky bar. Only the first item (the “hamburger”) has children. The other two top elements are search and language switcher.

To illustrate:

Thank you once more for helping!

December 15, 2014 at 03:22 #1784
admin
Keymaster
OK, thanks for the explanation! You will need to remove the styles that make your menu tree collapsible on small screen devices. I am not sure which theme you’ve used (since it’s obviously modified for your needs) but basically you will need to remove all media queries from the theme – i.e. just delete everything in the theme CSS file after the following comment:
```
/*
---------------------------------------------------------------
  Responsiveness
  These will make the sub menus collapsible when the screen width is too small.
---------------------------------------------------------------*/
```
Cheers!
Author

Posts