Transparent bar between the announcement bar and the header.

[SHBQA]

As seen there is a transparent bar between the announcement bar and the header of my site. I tried to remove it using multiple ways i have found on the forum, but nothing works.

Website: shbqa.com

Password: 1

Theme: Dawn

[Moeed · Accepted solution]

Hey @SHBQA 

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>
sticky-header.header-wrapper.color-scheme-1.gradient.header-wrapper--border-bottom {
    bottom: 10px !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[SHBQA]

Thank you so much that worked perfectly.

[Moeed]

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

[Made4uo-Ribe]

Hi @SHBQA 

Check this one.

1. From your Shopify admin dashboard, click on "Online Store" and then "Themes"
2. Find the theme that you want to edit and click on "Actions" and then "Edit code".
3. In the "theme. Liquid" file. Find the </body> tag and paste the code below before the tag.

{% if template == 'index' %}
<style>
.header {
    margin-top: -10px;
}
</style>
{% endif %}

• And Save. 
• Result:
•