Hi,
I want to add white sides to my mega menu on desktop. My site is https://vazluxe.com
Topic summary
A user wants to add white side padding to their mega menu on desktop for their Shopify store (vazluxe.com). An image shows the desired outcome with white margins on both sides of the menu.
Solution provided:
- Navigate to: Sales Channels → Online Store → Customize → Theme settings → Custom CSS
- Add CSS code that:
- Sets the mega menu to full viewport width with white background
- Centers the inner menu content with a max-width of 1400px
- Uses auto margins for left/right spacing
- Save changes and hard refresh the storefront
Status: Resolved. The solution was tested and confirmed working with a screenshot showing the white side padding successfully applied.
1 Like
HI @Luxurymrkt either it come from your theme settings or co.de
Hey @Luxurymrkt .
Here’s how to achieve that:
- Navigate to Sales Channels → Online Store → “Customize” button → Theme settings (Gear icon on the left sidebar) → Custom CSS
- Add the following code:
div[data-meganav-type="full_width_meganav"] {
width: 100vw !important;
max-width: 100% !important;
background-color: white;
}
div[data-meganav-type="full_width_meganav"] > .meganav__inner {
max-width: 1400px;
margin-left:auto;
margin-right: auto;
}
- Save (right top corner)
- Hard refresh the storefront
If done correctly, the result should be like this:
1 Like
Thank YOU 
1 Like
Anytime! Glad to help!
1 Like