Expanding Layout on Product Page - Help Needed

[KimGottwald]

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

 

[Abdosamer · 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;
}

}