How to quickly fix spacing and border issues on Impulse Theme?

Store Design
1

75E594E5-5C24-498B-9180-DEB4E818C8BB.jpeg
75E594E5-5C24-498B-9180-DEB4E818C8BB.jpeg2100×1574 379 KB

Hi I’m sure this is easy but I can’t figure it out.

my site is https://luxurymrkt.com

  1. On desktop homepage* there’s to much white spacing between one of the sections and next

  2. there’s a line/border between section and my related products

7CA86B09-3E49-40AA-A3D2-46DFF55A8BA8.png
7CA86B09-3E49-40AA-A3D2-46DFF55A8BA8.png1170×2532 326 KB

2

Hi Mike @Luxurymrkt

To remove space between your sections and the line above the recently viewed products, please follow those steps:

  1. Go to your Online store > Themes > Edit code > Assets > Open file theme.css

  2. Add the following code to the bottom of the file.

@media only screen and (min-width: 769px)
.index-section {
  margin: 40px 0;
}
.hr--large { 
  display:none;
}

Please let me know if it works :slightly_smiling_face:

I hope this helps!

3

@Luxurymrkt

Hi,

To remove the space, please go to theme editor (Customize).

Remove the “Rich Text” section with no content.

If you remove the rich text section, the empty space will be removed.

It looks like the line/border has been removed already.

If you still see the lines, please add the code below to the assets/theme.css file as @AvadaCommerce mentioned.

.hr--large { 
  display:none;
}

Hope it helps.

Thanks.

4

Hi thanks for your help. Unfortunately I removed the rich text and it didn’t help the layout on desktop. I even tried the other guys comment but it didn’t change the margin even when I changed it from 40 to 20 or even 10px.

5

@Luxurymrkt

Hi,

Please add the code below to assets/theme.css file.

@media screen and (min-width: 750px) {
  div#shopify-section-template--15648732545205__16583713918f6e530c {
    margin-top: -20px !important;
  }
}
@media screen and (max-width: 749px) {
  div#shopify-section-template--15648732545205__16583713918f6e530c {
    margin-top: 0 !important;
  }
}

If you want to make the margin 0 for both, PC & Mobile, please use the code below.

div#shopify-section-template--15648732545205__16583713918f6e530c {
  margin-top: 0 !important;
}

If you resolve the issue, please click “Like” and “Accept solution”.

If the above code doesn’t resolve your issue or have any other questions, please let me know.

Hope it helps.

Thanks.