Menu/Navbar Help Please

[justjane]

Would you please help with the issues I am having centering the Navbar (Uber Menu).
There is space on each side of the Navbar i want to get rid of and a space in the actual navbar (right end).

Please see attachment.
WP Credentials to follow.

[Prasant]

Hello @janequade,

Thanks for asking.

You can add following CSS under X > Launch > Options > CSS:

.x-navbar .x-container.max.width {
    max-width: 100%;
    width: 100%;
}

.x-navbar .x-brand {
    margin-left: 30px;
}

Thanks.

[justjane]

the next Navbar issue I’m trying to resolve pertains to the submenus.
the sub menu’s are the entire width of the top navbar menu.

I’ve been troubleshooting and found a post stating i should use teh following code - it didn’t work. Please see attachment.
Credentials to follow in secure message.

#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu-1{
padding-top:10px;
padding-bottom:10px;
}
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu li.menu-item{
padding-top:0;
padding-bottom:0;
}
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu li.menu-item > a,
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu li.menu-item:hover > a,
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu li.menu-item > a:hover{
border-bottom:none;
padding-bottom:0;
margin-bottom:0;
}

[rad]

Hi there,

It’s a mega menu in which sub-menu is always wide. Should it display as a standard drop-down, please provide more details of how it should be displayed?

Thanks!

[justjane]

I would like to set up a mega submenu for each submenu –all levels of the submenu menu show at same time.

[rad]

Hi there,

In that case, what you’re getting is correct. It’s a mega menu and full-width in relative to navbar menu.

the sub menu's are the entire width of the top navbar menu.

Are you referring to 3rd level sub menu? Please provide more information about the issue, or a mockup design of how it should be displayed.

Thanks!