Dropdown menus have messy formatting

not sure about this, is that the admin bar menu??

Nope it’s the top menu. Sorry, the previous URL didn’t work. Here’s a working one:
https://www.imageurlhost.com/viewer.php?file=wfmrdt4fqw5mfqf336f.png

Any suggestions?

i will need to check the live site so i can see the source code css.

It is:

<ul class="sub-menu" style="float: none; width: 18em; display: none;">
</ul>

try add this to theme option->custom css

ul.sub-menu { top:0em; }

Hi Richie,

Unfortunately that didn’t work. You might want to login yourself to inspect the element yourself. You can use these credentials:

[ Moderator note: please do not post userID/passwords here, even for a test account. ]

Please do not post a login into your site, even for a test setup.

How can I make it so my dropdown menus are nicely aligned and neat.

What’s the link to a URL that shows the problem? Not a picture, but a link that shows the problem.

Hi Jan,

The reason I provided a login is because the link is on a page that only users can access. Should I make the page public for the next few days so you guys can see?

Thanks

Should I make the page public for the next few days so you guys can see?

Yes. ??

Or do it on a test install and delete it later. The author or anyone trying to help really needs to be able to see the problem to help and logging into user’s sites even as a test is not cool.

i usually provide direct email support for donater/supporter, but if you want me to take a look, just email me on my site contact page->general question.

and yes Jan D is right, try not to expose any login detail in open forum ??

Hi Jan and Richie,

I have now made a public example. It’s on the very right of the menu with the label “Demo”. As you can see, the dropdown menu cuts off half the top menu and is much wider than the navigation label.

Hope this helps ??

but what’s the link? jan D remove it already, could you post the url again.

oh sorry. It’s neliti.com

remove the previous css and add this instead

.sf-menu li:hover ul, .sf-menu li.sfHover ul {top: 4.5em !important;}

Looks like that worked Richie. Do you also know how to get the submenu to expand to the left when hovering, instead of to the right?

Thanks!