Reducing Side Margins for Less Dead Space

Store Design
,
1

I have several pages that have a lot of negative spacing on the sides of the content of the page. I’d love to reduce to the margins to half of what it currently is. Can someone please advise how to affect coding?

2

example page:

https://www.suit-of-lights.com/pages/size-guide

3

Hi @GIREGGIA

Go to theme editor > main-page.liquid > remove “page-width–narrow” class.

4 
.page-width--narrow {
        max-width: 1600px;
        padding: 0;
    }
5

Hi, this removes all padding. I want to reduce the width not remove it completely.

6

@Boki97 this doesn’t seem to change the layout, where would i need to add this?

7

Paste this code:

Open theme editor > Assets > Base.css > Paste this code

.page-width--narrow {
        max-width: 1300px;
    }

You can set with according to you. Maybe 1200 px is also good.

Let me know if it’s worked by like and accept my solution.

Regards

Team_OSC

8

thanks @Team_OSC but it seems to leave the policy pages the same. is there a way to adjust them as well?

9

Paste this code:

Open theme editor > Assets > Base.css > Paste this code

.shopify-policy__container {
    max-width: 1300px;
}

Best Regards,

Team_OSC