Shopify themes, liquid, logos, and UX
Hello!
I'm wondering if there is any way to reduce the spacing between each sub-menu category so that everything is lined up together.
Two screenshots attached. The first is the current navigation/menu. The second photo is a quick mock up of what I'd like to see (also if possible, centered underneath the navigation links instead of to the left where it currently is.)
Website: bigbudpress.com
Thank you!
Solved! Go to the solution
This is an accepted solution.
- Here is the solution for you @adr5
- Please follow these steps:
- Then find the base.css or theme.css file.
- Then add the following code at the end of the file and press 'Save' to save it.
@media only screen and (min-width: 600px) {
.grandparent.kids-6 .header__dropdown__inner {
grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}
}
- Here is the result you will achieve:
- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.
If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)
Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page
This is an accepted solution.
- Here is the solution for you @adr5
- Please follow these steps:
- Then find the base.css or theme.css file.
- Then add the following code at the end of the file and press 'Save' to save it.
@media only screen and (min-width: 600px) {
.grandparent.kids-6 .header__dropdown__inner {
grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}
}
- Here is the result you will achieve:
- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.
If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)
Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page
Thank you so much that worked!
Glad to help you. Have a good day.
If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)
Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page
Discover how to increase customer engagement on your store with articles from Shopify A...
By Jacqui Apr 23, 2025Hey 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, 2025