Menu overlapping page title

Support
#1

When I add menu items it creates a second row that overlaps the title of the page. How do I correct this problem?

#2

Hello @WeedMama,

Thanks for writing in!

You are experiencing this issue because the actual menu height is higher than the settings. Please go to X > Theme Options > Header > Navbar and set the “Navbar Top Height” to least 100px.

Hope this helps. Kindly let us know how it goes.

#3

I changed the height but now the menu’s green bar is way underneath. I"ll add a secure note with login in case you need to look at the site.

#4

Hello Shannon,

I have logged in and I ended up adding a custom css:

.site .x-navbar .desktop .x-nav > li > a {
    height: 50px;
}

Please check your site now.

#5

It works now. Thank you.

#6

You’re most welcome!
Thanks for letting us know that it has worked for you.

#7

Just noticed another problem. The drop down menu is now away from the main menu

#8

Hello Shannon,

Please have the code updated and use this instead:

.site .x-navbar .desktop .x-nav > li > a {
    height: 50px;
}

.site .x-navbar .desktop .x-nav > li ul {
    top: 50px;
}

We would loved to know if this has work for you. Thank you.

#9

that seems to have worked

#10

Great!
If you need anything else we can help you with, don’t hesitate to open another thread.

#11

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.