Shopify themes, liquid, logos, and UX
Hi there, my client has a fashion store which is slowly growing and we now have quite a few categories and collections. At the moment, under 'Shop' and 'Brands' everything is showing up in one column, is there anyway we can get things to show up in multiple columns?
Solved! Go to the solution
This is an accepted solution.
Hi @bescene ,
Go to the Online store -> Themes-> Edit code
Search for the base.css file and add the code in the end of the file as in reference.
Thank you
Hi @bescene ,
Can you please send a preview URL for the store so that I can help you out?
Thanks
Hi Sandeep,
Here's the URL:
https://elleryandmoss.com.au/
Ideally wanting the brands and shop submenu categories to go into multiple columns.
Thank you,
Sophie
Hi @bescene ,
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just below tag <body>
<style>
@media only screen and (min-width: 995px) {
ul.mega-menu__list.page-width.mega-menu__list--condensed {
display: grid !important;
}
ul.mega-menu__list.page-width.mega-menu__list--condensed li {
width: 100% !important;
}
}
</style>
Result:
If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!
Best Regards,
LuffyOnePiece
Hi there,
I'm struggling to find the tag <body>. I've tried to search for it, but it's not appearing.
Any suggestions? Thank you.
Hi @bescene ,
Add the below code at the end of the base.css file.
@media only screen and (min-width: 995px) {
ul.mega-menu__list.page-width.mega-menu__list--condensed {
display: grid !important;
}
ul.mega-menu__list.page-width.mega-menu__list--condensed li {
width: 100% !important;
}
}
If you require further help to customize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!
Best Regards,
LuffyOnePiece
Sorry, I'm still struggling to find it. I'm not very competent with code.
This is an accepted solution.
Hi @bescene ,
Go to the Online store -> Themes-> Edit code
Search for the base.css file and add the code in the end of the file as in reference.
Thank you
Thank you so much for all your help. Really appreciate it 🙂
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025