Have your say in Community Polls: What was/is your greatest motivation to start your own business?

Re: Expanding Layout on Product Page - Help Needed

Solved

Expanding Layout on Product Page - Help Needed

KimGottwald
Trailblazer
234 0 33

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

 

Bildschirmfoto 2024-11-01 um 12.04.48 AM.png

Accepted Solution (1)

Abdosamer
Shopify Partner
938 173 193

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;
}

}
Buy me a Coffee
Email : abdelrahamansamer71@gmail.com
Chat on WhatsApp
My work

View solution in original post

Reply 1 (1)

Abdosamer
Shopify Partner
938 173 193

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;
}

}
Buy me a Coffee
Email : abdelrahamansamer71@gmail.com
Chat on WhatsApp
My work