Is there a way to adjust the width of the mega menu so it isn’t full page? I can’t seem to get it any smaller.
Welcome to the Shopify Community! Please share your store URL and password (if it’s password-protected), so I can check and provide you with the exact solution.
Hi! URL is https://loreandwhimsy.com/
- In your Shopify Admin go to online store > themes > actions > edit code
- Find Asset > base.css and paste this at the bottow of the file:
.mega-menu.section.section--full-width-margin.section--full-width {
max-width: 1200px;
margin: 0 auto;
width: 100%;
}
Awesome, thank you! If I wanted to do the height, I could just add that there as well, like if I wanted a min-height?
- In your Shopify Admin go to online store > themes > actions > edit code
- Find Asset > base.css and paste this at the bottow of the file:
.mega-menu.section.section--full-width-margin.section--full-width {
max-width: 1200px;
margin: 0 auto;
width: 100%;
min-height: 200px;
max-height: 400px;
overflow-y: auto;
}
Kindly feel free to get back to me if you need any further assistance.
If helpful, please like and accept the solution. 