Shopify themes, liquid, logos, and UX
Hi,
I want to add white sides to my mega menu on desktop. My site is https://vazluxe.com
Solved! Go to the solution
This is an accepted solution.
Hey @Luxurymrkt.
Here's how to achieve that:
1. Navigate to Sales Channels → Online Store → "Customize" button → Theme settings (Gear icon on the left sidebar) → Custom CSS
2. 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;
}
3. Save (right top corner)
4. Hard refresh the storefront
If done correctly, the result should be like this:
This is an accepted solution.
Hey @Luxurymrkt.
Here's how to achieve that:
1. Navigate to Sales Channels → Online Store → "Customize" button → Theme settings (Gear icon on the left sidebar) → Custom CSS
2. 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;
}
3. Save (right top corner)
4. Hard refresh the storefront
If done correctly, the result should be like this:
Thank YOU 🙂
Anytime! Glad to help! 🙂
Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025