Do not collapse top level

Home Forums Older releases 0.9.x Do not collapse top level

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #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

    #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.

    #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!

    #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!

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.

Register

You will be emailed a link to set your password.

Login

Lost password?