White Bar above my Header

[TacEssentials]

There is a white bar that just randomly showed up above my header. I have tried multiple code fixes that have been unsuccessful here is a link to my site: https://tacessentials.com/

I use the Dawn Theme

Any help is greatly appreciated

These are the code fixes I have tried to put in my base.css that have been unsuccessful

Attempt 1

.utility-bar–bottom-border{ border: none !important; }

Attempt 2

.utility-bar–bottom-border{
border: none !important;
}

Attempt 3

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

Attempt 4

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

[DaisyVo]

Hi @TacEssentials

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

body.gradient.animate--hover-3d-lift.jdgm--leex-script-loaded {
    margin-top: -30px !important;
}

Result

Best,

DaisyVo

[TheUntechnickle]

Hey @TacEssentials ,

Hope you’re doing well

You can try this CSS:

.gradient text {
display: none !important;
}

In the meantime, I recommend identifying the section of code responsible for rendering this part and temporarily commenting it out. If you need any assistance, feel free to reach out.

Thanks,
Shubham | Untechnickle

[Dan-From-Ryviu]

Hi @TacEssentials

This character causes that space. Please try to find and remove it from your theme.liquid file to solve the issue. If you cannot find it on theme.liquid file, I recommend you try to disab apps in App embeds from Online Store > Themes > Customize and check if it caused by an app.

[TacEssentials]

Your code worked for the front page and product pages however it is on every single collection, blog, and policy page as well.

[TacEssentials]

I looked for that code and couldn’t find it in the theme.liquid. I also tried the app embeds and there was no change.

[TacEssentials]

Any help is appreciated!