Submenu forces Logo Header to stay above main menu

Support
#1

Hi,

When I add submenus, the logo on our site no longer collapses to be parallel with the main menu.

Here is what the main menu looks like before submenus are added…

And this is what it looks like after submenus are added…

Notice the extra room in the header which will no longer collapse no matter how far the browser is expanded…

Let me know if there is code that can fix this. I will send login details soon in a secure note so you may help make these changes. Thanks in advance for your help.

#2

Hi @hnmcsweb

Actually, this is because of the sub-menu indicator icon, you can either reduce the logo width, something like 200px instead of 250px should be fine:

  • Or reduce the space between each menu item by adding this CSS snippet to (X > Theme Options > CSS):

.x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce) {
    padding-right: 14px;
    padding-left: 14px;
}

Thanks.

1 Like
#3

Thanks! Reducing Logo to 200 worked!

#4

You are most welcome. :slight_smile:

#5

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