Problem with dopdown menu

[enkeli]

Hello!

I have a couple of questions about the Agama Pro, but I’ll try to find out some anwers by myself first and ask only if don’t find them… But now I have one bigger and quite annoying problem, so maybe you could help me with that.

The site is still VERY incomplete (only some testings there at this time…) but you can see the problem with the dropdown menu at the top. If you have a browser window – say for example 1000 px wide – the dropdown menu with main links falls a bit “off the page” on the right side – and the second level links even more so they won’t show at all. So you have to scroll the page sideways in order to see the complete menu. That’s not convenient at all :D! The menu should naturally be justified on the right and everything should fit on the page and the second level links should open on the left side of the first level menu area when the dropdown menu is on the right side of the page.

I’m not 100 % sure if that is something caused by custom CSS-code I’ve used, but I’m quite certain that every CSS modifications that could affect menus I found here from answers you gave (for example when I tried to get the top bar with links to be sticky on mobile). And I don’t think it should cause this, because I tried to comment those parts out when trying to figure this out and it didn’t help. But this has to be some kind of a bug or problem/error somewhere – it can’t be a feature, right?

So could you help me with this, please?

[Zex]

Hello, enkeli!
Please insert the following CSS codes into Customizing-General->Additional CSS:

.sticky-nav ul.sub-menu {
    right:0;
}
.sticky-nav>li>ul>li>ul {

    left:-103%;
}

It should help you with the problem you have.

Best Regards

[enkeli]

Thank you! This worked nicely :).

[Author]

Posts