How do I add margins/make overall desktop width smaller on Impulse theme?

Hello,

We have the Shopify Impulse theme have always wanted it to have “margins” on both sides of the whole site (except the header and footer). Aka don’t want all of our sections to span the entire width of the site. We have read article after article and everything we try isn’t working.

We want to implement these changes on desktop/laptop only, because we have found that images that span the entire width become so large that it takes up the entire screen, and ultimately is not optimized for our customers.

I have attached a few screenshots of our current website, as well as a few of an example of what we would like to achieve.

Our Site:

Here Is a link to our site as well.

https://lilacmarketheadbands.com

What we want:

1 Like

@Kek876

Please following css your assets/theme.css bottom of the file .

.main-content {width: 100%;margin: 0 auto;}
@media only screen and (min-width: 769px){
.main-content {max-width: 80% !important;}
}

Thanks!

Wow! That was easy:) Thank you so much, we have been trying to figure that out for a while.