How can I reduce margins for a flush website layout?

[summer11]

Hi! I’d like to reduce the margins if possible so the multicolumn’s (and everything else) are flush against the website edge like how the image banners are. Is there any way to do this?

coteriecollective.myshopify.com

teufra

Thanks!

[BSS-Commerce]

Hi @summer11

Please follow these steps:

• Step 1: At Shopify Admin, Select Online Store → Themes → Edit Code


• Step 2: Find and open the file base.css and add this code at the end of the file:

.page-width {
   padding: 0 !important;
   margin: 0 !important;
   max-width: unset !important;
}

Here is the result:

We hope that it will work for you.