How to Remove Side Margins on Debut Theme

Tourist
5 0 0

Hi, I've tried several lines of codes posted and etc. and I still cannot manage to remove the side margins on the debut theme.

 

If someone could post the code, and exactly where to place it, that would be great :) 

 

0 Likes
Shopify Partner
1843 170 525

Hello!

 

Which "side margins"? Do you mean that the theme does not stretch the full width of your screen?

He0bIpA

 

Or do you mean the little margins within the sections?

R4KD8xX

 

Let us know. Thanks!

I turn coffee in to code - since 1998
1 Like
Tourist
5 0 0

Yes, the first one!

 

Please let me know :)

0 Likes
Tourist
5 0 0

Yes! The first one. 

 

Let me know!

0 Likes
Shopify Partner
1843 170 525

You need to edit some code.

 

Step 1

Backup your theme by going to Online Store > Themes then Actions > Duplicate.

 

Step 2

Go to Actions > Edit code and open the file Assets / theme.scss.liquid. Now look for this line of code

$width-site: 1200px;

Change it to be

$width-site: auto;

Hit Save and you're done.

 

Best wishes!

I turn coffee in to code - since 1998
1 Like
Tourist
5 0 0

Thank you for helping me with that.


Now I am trying to center my pricing on my home page. (See how it's to the left)

 

I believe I will need to edit more code, thanks in advance!

0 Likes