How can I remove white space under the header in Studio theme?

Store Design
, ,
1

Hello! I am currently using the Studio theme. I have white space in between the header and anything below it and i’d like to get rid of it. I’ve tried looking at the code but really have no experience editing code and don’t want to mess things up.

Any help would be greatly appreciated! Thank you!

Untitled design-5.jpg
Untitled design-5.jpg2056×1584 234 KB

1 Like
2

Hi @mollyprismart

Would you mind to share your Store URL website? with password if its unpublish. Thanks!

1 Like
3

It’s https://mollyprism.art and the password is: ackeed

1 Like
4
  1. Go to online store
  2. Edit Code
  3. Open your base.css file
  4. Paste the following code:

.section-header {margin-bottom: 0px !important;}

  1. Save.

Let me know if it work by marking it as a solution.

5

Thanks for the info, try this one.

  • From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  • Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  • In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
div#shopify-section-sections--16810236412133__header {
    margin-bottom: 0px !important;
}
1 Like
6

Thank you! That did work. There’s also the same thing but on the bottom of the page in between the featured collection and email subscribe section. Could you please help me with that also? Thank you so much!

1 Like
7

Oh, I ddint check it. Can you replace the code that I give for this one.

div#shopify-section-sections--16810236412133__header, ul#Slider-template--16810235920613__featured-collection {
    margin-bottom: 0px !important;
}

And Save.

Same Instruction. Thanks!

1 Like
8

Thank you very much!

1 Like
9

Welcome!

1 Like