Top Menu Dropdown, Strange Behavior

[gavn8r]

I don’t know how else to describe this but “strange.”

I’m using Pro. Everything is up-to-date. When I create a header and put the Navigation Inline element into it, and the menu that I select has sub-menus in it, the submenu won’t appear when I mouse over. I’ve tried looking through the forum, and I’ve found a few solutions, not of which have helped.

Can you take a look and let me know what you think might be causing the issue? I’ll post a link and login info in a private note shortly following this post.

[Prasant]

Hello @gavn8r,

Thanks for reaching out.

Please take a look at the solution shared in following thread. Please click on the title (link) to open full thread:

Navigation drop down behind element?

Thanks.

[gavn8r]

Thanks for your reply. I’ve added the custom CSS as directed in the thread you shared. It’s still not working. So strange, right?

[ruenel]

Hello @gavn8r,

After investigating the issue, I found out that it is because you added this custom css in the bar settings.

$el { 
	overflow-y: hidden;
}

And also in Appearance > Customize > Additional CSS:

.x-masthead {
	overflow-y: hidden;
	overflow-x: hidden;
}

I went ahead and commented out all the css. The sub menus is now showing.

Please check your site now.

[gavn8r]

Thank you! I had added those in there because I was getting two scroll bars before. It doesn’t look like I am any more. Thank you so much for finding the cause of this issue. You guys are awesome!

[ruenel]

You are most welcome!
We’re glad we were able to help you out.