Adding Padding to Navigation Menu (Between menus)

Store Design
1

Hello,

I just moved to the Broadcast 2.0 theme, and the 2.0 theme structure is a lot different than what I’m used to. I’m using Buddha Mega Menu, which takes the place of my theme’s menu, but the menu items are far too close together (https://tolittlearrows.com/). The mega menu uses the theme spacing, and is not customizable by itself. I’ve tried to expand the width of the menu and added padding, but any code modifications I’ve attempted have zero impact on the theme’s navbar header spacing. I’ve tried modifying the theme.css, along with the header.liquid and theme.liquid sections.

Any help would be greatly appreciated!

ccmdesign_0-1654085268909.png
ccmdesign_0-1654085268909.png1849×354 186 KB

2

Hey @ccmdesign ! In the (buddha-megamenu2.css) file, try adding the following code snippet to the very bottom of the file, and it should fix your issue. You can increase/decrease the value as you see fit.

li.buddha-menu-item {
    margin-right: 1rem;
}

If this fixes your issue, please mark my reply as a solution.

3

Crimson_Shot, thank you!! I had not considered adding a snippet to directly call the buddha-menu-item. For anyone interested, I applied the following change to the Broadcast theme.css file (which in 2.0 covers all app css):

li.buddha-menu-item {
margin-right: 3rem;
margin-left: 3rem;
}

The margins on each side keep the menu centered.

Thanks again, Crimson_Shot!!