Shopify themes, liquid, logos, and UX
Hi all,
I have a massive issue that I've been trying to work out for the past day.
I've set my collection product grid to show 66.111vw and center of page, now I'd like to have my verticle filter to be 16.9vw... so that I keep my product grid centered. BUT, I can not for the world get it to function 😞
Anyone that know how to do this? See code below:
Code for collection product grid
.grid-dextop {
display: flex;
gap: 20px;
width: 66.111vw;
margin: 0 auto;
margin-top: 20px;
}
Solved! Go to the solution
This is an accepted solution.
Hi @larsvilhelmsson,
May I suggest to update code these steps:
1. Go to Store Online-> theme -> edit code
2. Assets/base.css
@media screen and (min-width: 750px){
body .facets-vertical .facets-wrapper {
padding-left: 3rem;
width: 16.9vw;
}
body .facets-vertical .product-grid-container {
width: 83.9vw;
padding-left: 16.9vw;
}
}
This is an accepted solution.
Hi @larsvilhelmsson,
May I suggest to update code these steps:
1. Go to Store Online-> theme -> edit code
2. Assets/base.css
@media screen and (min-width: 750px){
body .facets-vertical .facets-wrapper {
padding-left: 3rem;
width: 16.9vw;
}
body .facets-vertical .product-grid-container {
width: 83.9vw;
padding-left: 16.9vw;
}
}
IT WORKED! Cheers, thanks for the help!
Find Global Growth Opportunities For Your Business with Shopify AcademyLearn how to exp...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025