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;
}
}
As 2024 wraps up, the dropshipping landscape is already shifting towards 2025's trends....
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024In today’s interview, we sat down with @BSS-Commerce to discuss practical strategies f...
By JasonH Nov 13, 2024