Expanding Layout on Product Page - Help Needed

Solved

Expanding Layout on Product Page - Help Needed

KimGottwald
Trailblazer
230 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
921 171 191

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
921 171 191

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