Hello Everyone!
I am using Shopify dawn theme. I would like to reduce the space on both sides of the collections under the “WATCHES” Menu. Is it possible? Please help me. Thank you.
Store URL: https://blue-chic-clothes.myshopify.com/
Password: Admin
Q: Only the Watches drop down you like to change the width or also the shop?
This is for the whole drop down menu in your store.
Check this one,.
From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
Find the theme that you want to edit and click on “Actions” and then “Edit code”.
In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
.mega-menu__content {
max-width: fit-content;
justify-self: center;
}
And Save.
Result:
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
Great work. But the menus under the support menu have moved to the left. Also, I want to keep the height of the shop menu as before. Thank you so much.
Oh, i didnt notice that. Add this code on the base.css file same instruction on my first comment. Thanks!
@media only screen and (max-width: 1200px){
div#MegaMenu-Content-4 {
left: 20%;
}
}
div#MegaMenu-Content-4 {
left: 15%;
}
And save.
Result:
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
Really you are very helpful. I want to keep Megamenu full height of Shop Now menu. Sir, I wanted to know one thing, if I want to add more menu like support and keep more collections under it, I have to code again? Thank you.
If you like to have different size in every menu then you need a code one by one to call them. The 1st code that I give is all for the drop menu in your store (as I mention), even you add some new drop menu it will be same size.
If you like change the size of the watches and support check this code, but remove the first code that i give.
div#MegaMenu-Content-3, div#MegaMenu-Content-4 {
max-width: fit-content;
justify-self: center;
}
And Save.
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
It worked. Thank you so much.
Hello Made4uo-Ribe!
When I click on Men’s the dropdown menu moves more to the right. Kid’s and Gadgets Perfect. Please help me. Thank you.
Store: https://blue-chic-clothes.myshopify.com/
Password: Admin
