Removing White Space on Desktop Product Page and tightening up the design - Minimal Theme

Tourist
10 0 1

Hi,

I need some help removing this white space on my product page. This only really occurs on desktop, as there is no white space on mobile. I have a attached a photo with lines indicating the space I would like to remove.

Can anyone tell me where/ how to do that? I've tried to find the spot in the themescss but haven't had luck.Whitespace1.pngWhitesspace2.png

rionastore.com

0 Likes
Highlighted
Pathfinder
98 12 27

On product pages content is split into 2 separate containers, one on the right 50% of the screen is product info and buttons, on the left 50% is the product image, you could probably do this but it would be more work than it's worth, the buttons though should be easier, add this to theme.scss.liquid at the bottom of the page

.product-form__input {
    display: block;
    width: 100%;
}

 

.product-form__item--payment-button {
    -ms-flex-preferred-size: 100%;
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    flex-basis: 100%;
}

That should work.

0 Likes