Adjusting right margin of submenu without affecting megamenu

[Pacey]

Hi,

My site nav bar has a drop-down submenu and also a mega menu for another item.

Today I was working on getting both submenus to align correctly with the navbar.

I did this by adding the following to my CSS in the theme customizer:

.masthead-inline .x-navbar .desktop .sub-menu {

top: 41px;
left: 0px; 
}

This did the trick but has created an issue where the right hand margin on my sub-menu has disappeared:

I’ve looked around for code to adjust the width of the submenu manually but these also affect the megamenu and break it.

Any suggestions would be greatly appreciated.

Thanks!

[Prasant]

Hello @Pacey,

Thanks for asking.

Please note that issues coming because of custom codes (PHP, CSS and JS) fall outside the scope of support we offer.

That being said you can adjust the spacing of menu items on:

Theme Options > Header > LINKS - ALIGNMENT > Navbar Top Link Alignment (px)
Theme Options > Header > LINKS - ALIGNMENT > Navbar Top Link Spacing (px)

Thanks.