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

Second level submenus not showing on small screens

This topic has 2 replies, 2 voices, and was last updated 8 years, 3 months ago by FazzyX.

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

Author

Posts
August 8, 2016 at 16:00 #3266

amariussi
Participant

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.

Thanks!

August 8, 2016 at 16:13 #3267

amariussi
Participant

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?

Thanks

August 24, 2016 at 11:01 #3278

FazzyX
Participant

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?

Greetz
Author

Posts