Start a new discussion

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

Discussions on GitHub

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.

Collapse button not working, hover on desktop, click on narrow view

Home Forums Older releases 1.0.x Collapse button not working, hover on desktop, click on narrow view

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #3150

    Menu working well, but I”m having a couple of issues. Basically, I’d like my menu to work pretty much as the one on the smartmenus site does at the moment…

    – I want to have submenus appear on hover when I’m in a wide browser window as they do now, but when I narrow my browser, I want submenus only to appear on click, not hover. (I know this works OK on touch devices, but I want to emulate this behaviour on desktops with narrow browser windows).

    – The “Expand/Plus” icon correctly changes to a minus when the child submenu is expanded, but it doesn’t do anything to collapse the menu – clicking it just activates the link that it’s inside of. How can I make it so that a click on the collapse icon hides the submenu?

    – Is it possible to have a click on the top level menu item just go to that page, but only expand the menu when clicking on the “Plus” (in mobile mode)? (Less crucial, but that may be the behaviour the client wants.


    From what I understand, 1) and 2) work exactly as you would like by default:

    so I am not sure what might be wrong for you. Maybe you’ve used some custom CSS that breaks the features but I will need to look at your code to be able to tell for sure.

    About 3) you could use a small mod posted here:


    Thanks – yes, the demos work as I want them to.

    Here’s the site:
    if you are able to have a quick look.

    I’ve been retrofitting the menu to an existing site which someone else built, which is perhaps why it’s difficult.


    Sorry for this late reply! To fix the issue remove the following rule:

    	#main-menu ul{
    		position: relative;

    from your CSS file:

    This custom rule breaks the SmartMenus feature that detects when the menu is in collapsible (mobile) mode.

Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘1.0.x’ is closed to new topics and replies.