Shopify themes, liquid, logos, and UX
Hi everyone,
I’m trying to make better use of the space on my product pages. Right now, the product image and selection options are centered, leaving empty space on both sides. I’d like to spread these elements out so that the product image aligns more to the left and the selection options move more to the right, filling the full width of the page.
Here’s the preview link to my store: https://www.rappid.run/collections/frontpage
Password: Password
Thank you in advance for your help!
Best,
Kim
Solved! Go to the solution
This is an accepted solution.
@KimGottwald , go to base.css and add the following code :
@media (min-width:900px){
.product__info-wrapper.grid__item {
padding-left: 15rem !important;
}
.page-width:has(.product) {
max-width: 130rem !important;
}
}
This is an accepted solution.
@KimGottwald , go to base.css and add the following code :
@media (min-width:900px){
.product__info-wrapper.grid__item {
padding-left: 15rem !important;
}
.page-width:has(.product) {
max-width: 130rem !important;
}
}
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024