All things Shopify and commerce
Hello forums,
I am having trouble centering these two products. I removed a product since I am not selling them anymore. How do I center the two remaining products so they are not on the left the screen? Thanks
Go to your online store -> edit code -> base.css file and paste this code there
@media only screen and (min-width: 990px) and (max-width: 1300px) {
.section-template--21579314037020__3a88f7e1-f547-4859-8f7b-55e7c65a5b9f-padding .grid {
justify-content: center;
}
}
Hi Headlok
You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file
ul#Slider-template--21579314037020__3a88f7e1-f547-4859-8f7b-55e7c65a5b9f {
justify-content: center !important;
}
Result:
Best,
Liz
Thank you both for the responses but for some reason I cannot get it to center on my side. I pasted the code to the bottom of the base.css file. Am I doing something wrong?
you need to paste in the end of base.css file
ul#Slider-template--21579314037020__3a88f7e1-f547-4859-8f7b-55e7c65a5b9f {
justify-content: center !important;
}
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