Product Page Very Crammed - Stuck In Container

[teemania]

My website: https://teemania.co/

Hello, my product page on desktop looks like everything is crammed into some sort of container - there’s tons of white space on the left and right side of the page and everything is crammed into the middle of the page. I’m guessing it has to do with the width of the container/page but I can’t seem to figure it out.

This is how my website looks now:

This is what I would like it to look like (not much white space on the left and right side):

[HDL-Shin]

Hi @teemania ,

You can try this code by following these steps:

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file base.css, theme.css or styles.css

Step 3: Insert the below code at the bottom of the file → Save

.product .product__outer--center {
  max-width: 100% !important;
}

This is result:

Hope it helps you