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.

Second level submenus not showing on small screens

Home Forums Older releases 1.0.x Second level submenus not showing on small screens

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #3266

    My first post: thanks for the great menus. I searched the forum but couldn’t find a similar issue.
    The following is my menu with a normal device and it works fine:

    However, when I use a small screen device like a smartphone the menu shows as a vertical pile of items but the second level submenus do not show up:

    I assume it’s a simple matter of tweaking the css but, unfortunately I have not managed to get it to work.

    Any help will be very appreciated.



    While trying more scenarios I found that the second submenu levels are actually shown but not under the parent item. They go to the right and end up outside the screen:

    Any tip on where to tweak the css?



    I have the same issue.
    I’m using the current smartmenus version.
    The site is created with bootstrap 4 and use jQuery 2.1.4
    The menu markup is clean, no bootstrap classes.

    Only tested with Chrome 52 on Linux.

    I see that the margin-top and margin-left from this ul are wrong.

    Are there any options to fix this?
    Maybe anyway something from bootstrap trigger this or the jQuery version is wrong?


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