Huge space gap

[Barb_Toland]

There is a huge space gap between my header image and the first line of text on this page: The Creative Sandbox – Barb Toland Art

How do I get rid of it? (I’m using the Minimal theme)

Thank you.

[devcoders]

Hi @Barb_Toland

Do you want to remove this gap?

[tim_tairli]

Go to Theme Settings, expand “Custom CSS” and paste this code:

header.site-header {
  padding: 0.5rem 0 0 0;
}

Before-> After

→

[tim_tairli]

And, have you tried the code you suggested yourself?

[AnneLuo]

Hi, @Barb_Toland
Can you take a screenshot to describe your requirements? So that I can check it.

[Dan-From-Ryviu]

If you are referring to the space at the top of your image, it is caused by the white space present in your image.

[Steve_TopNewYork]

Hi @Barb_Toland,

1. Go to Online Store → Theme → Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

header.site-header {
    padding-bottom: 0px !important;
}

[Barb_Toland]

Works perfectly, thank you so much!!!