Extra Space between Header and Main Banner

[Sohan2198]

Hi Team,

I’m face the issue of extra padding between Header & Main Banner.

Inspect found a class but in this nothing is showing

Liquid code SS,

Please help to resolve this,

url:https://hairdramacompany.uk/

Best Regards,
Sohan

[Moeed]

Hey @Sohan2198

Follow these Steps:

1. Go to Online Store

2. Edit Code

3. Find theme.liquid file

4. Add the following code in the bottom of the file above tag

RESULT

If I managed to solve your problem then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Mustafa_Ali]

Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->before the ----->
before the body ----->
if this code work please do not forget to like and mark it solution

[Sohan2198]

Its working fine but It affect whole layout

[Sohan2198]

Not Working

[Rahul_dhiman]

Hello @Sohan2198
Go to online store ----> themes ----> actions ----> edit code ----> theme.css
add this code at the end of the file and save.

div#header {
margin-bottom: -20px !important;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[DaisyVo]

Hi Sohan2198

You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file theme.css and add this code at the end of the file

.content-indent.default {
    margin-top: 0 !important;
}

Result

Best,

DaisyVo

[websensepro]

Hi @Sohan2198

Follow these Steps:

1. Go to Online Store

2. Edit Code

3. Find base.css file

4. Add the following code in the bottom of the file.
   if this code work please do not forget to like and mark it solution

div#shopify-section-navigation {
    letter-spacing: 0 !important;
}

[E-comHub]

I’d be happy to take a closer look and assist to resolve it. Could you please share your store URL and let me know if you’re using a specific theme or have made any recent changes to the header or banner section?. If you are intrested