Increase product page width to maximum size in browser window until window size is 2000px

Store Design
1

How can we make sure the product page width scales to the full width of the browser window until the window is 2000px or large? After 2000px, the extra spaces on the side of the product page would appear. Until reaching 2000px, the product page would always stay in maximum width with no extra spaces on the side.

2

Hello @ShopCom ,

Please share:

  • your store URL;
  • page URL with the issue you mention;
  • storefront password (if your store has one).

If the store is not online yet, please follow this quick tutorial to learn how to safely and temporarily share an offline/unpublished theme URL.

Kind regards,
Diego

3

myriadmelodies.com. deemir

4

Add this style to base.css

.product.grid.grid--1-col.grid--2-col-tablet {
    width: 100%;
    margin-left: 0px !important;
    padding-left: 0px !important;
    margin-right: 0px !important;
    padding-right: 0px !important;
}
5

It does remove the padding on the product page but also on other pages. Is it possible to just remove padding only on the product page?

6

@ShopCom ,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. In your theme.liquid file, find the (press CTRL + F or command + F on Mac)
  3. paste this code right above the tag:

If it helps you please click on the “like” button and mark this answer as a solution!

Thank you.

Kind regards,
Diego