I’m looking for some guidance on fixing a layout issue on my store, rappid.run. Specifically, I’d like to shift the products on my collection page slightly to the right. Right now, they’re positioned closer to the left side of the page than the right, and I’d love to balance the spacing for a cleaner look.
Does anyone know how I can fix this, either through CSS or another method? Any tips or resources would be super helpful. Thanks in advance!
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:
@media only screen and (max-width: 989px){
.collection .card__heading a, .collection .price {
text-align: center;
}
}
And Save.
Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!
After checking the code, I found that your page isn’t actually misaligned to the left. It’s likely because the title and price are left-aligned, giving you that impression. You can follow the guide below to center the text: