How can I add margins to the Impulse theme sections?

Store Design
1

Hi there,

I would like to add margins on the left and right for leevje.com

Just for the sections and not for announcement bar, Navigation and so on.

Can someone help?

Best,

David

2

Hello @do03870

Greetings!!

Can you check this screenshot and let me know if it is okay or not as per your choice?
if not just let me know in the brief exact margin as you want to add

screencapture-leevje-2022-04-06-14_44_28.png
screencapture-leevje-2022-04-06-14_44_28.png1528×7811 1.54 MB

2 Likes
3

That looks great,

Maybe there is also a way to change the margins.

1 Like
4

Hello @do03870

Greetings!!

You can try to follow the steps to the remove white parts of the photo

  1. Go to Online Store → Theme → Edit code.

  2. Assets->theme.css Paste this code at last

@media only screen and (max-width: 600px) {
  body div#main div.shopify-section {
      margin: 0px 10px;
  }
}

@media only screen and (min-width: 768px) {
  div#main div.shopify-section {
      margin: 0px 30px;
  }
} 
#main div.shopify-section {
      margin: 0px 50px;
}

I hope it will help you

5

And is there a way to make it flexible depending on browser window size?