Extra Space between Header and Main Banner

Extra Space between Header and Main Banner

Sohan2198
Pathfinder
129 9 21

Hi Team, 

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

Sohan2198_0-1747200193045.png

Inspect found a class but in this nothing is showing 

Sohan2198_1-1747200227972.png

 

Liquid code SS, 

Sohan2198_2-1747200336818.png

 

 

Please help to resolve this, 


url:https://hairdramacompany.uk/


Best Regards, 
Sohan

Shopify_
Replies 8 (8)

Moeed
Shopify Partner
7704 2070 2550

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 </body> tag

<style>
.content-indent.default {
    margin-top: 0 !important;
}
</style>

RESULT

Moeed_0-1747200622686.png

 

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

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


Sohan2198
Pathfinder
129 9 21

Its working fine but It affect whole layout 

 

Shopify_

Mustafa_Ali
Trailblazer
485 50 95
<style>
@media screen and (min-width: 768px) {
header.site-header.fl.f-aic.left.page-width {
    padding: 6px !important;
 }
}
</style>

Mustafa_Ali_0-1747200714895.png

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

 

Sohan2198
Pathfinder
129 9 21

Not Working 

Shopify_

Rahul_dhiman
Shopify Partner
855 168 186

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
37.png


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

Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront

Contact here


BEST CUSTOMER ACCOUNTS APP WITH CUSTOM WISHLIST OPTION 
TRY OUR APP :

PWC: Customer Accounts & Pages

DaisyVo
Shopify Partner
4460 499 594

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 

DaisyVo_0-1747215638919.png

 

Best,

DaisyVo

 

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution

websensepro
Shopify Partner
2120 265 315

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;
}

 

 

websensepro_0-1747218445259.png

 

Need a Shopify developer? Hire us at WebSensePro For Shopify Design Changes/Coding
For Free Tutorials Subscribe to our youtube
Get More Sales Using Big Bulk Discount APP
Create Your Shopify Store For Just 1$/Month
Get More Sales Using Big Bulk Discount APP

E-comHub
Shopify Partner
1 0 0

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 
{F2E2FD2A-2ED5-421B-A513-14A20554BECE&#125;.png.jpg