How to remove white bar on top of home page

Store Design
,
1

https://cozycoven.myshopify.com/

Suddenly I have this white bar at the top, it’s apart of the header, I currently the header set to be transparent but can’t find a way to eliminate this white bar.

Thank you.

2

Hey @CozyCovenShop

Please follow below steps

Step 1: Go to Online Store → Theme → Edit code.
Step 2: Search file base.css
Step 3: Paste the below code at bottom of the file → Save

.section-header .header-wrapper {
    height: 100% !important;
}
1 Like
3

Hi there,

After checking a little bit it seems like you have already made some CSS changes to your theme to make the header transparant.

You have probably made some mistakes with the way overflow works in CSS. But a quick and dirty, but easy fix is to got to the ‘base.css’ and then on line 3152 set the height to 0px;

.header-wrapper {
    height: 0px!important;
}
4

Hi @CozyCovenShop

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Online Store ->Theme ->Edit code

Assets ->Base.css

.header-wrapper {
    height: 0px !important;
}

Hope you find my answer helpful!

Best regards,

Richard | PageFly