grey line under header

[nesriri92]

hello !

I am desperately trying to remove the grey line under ma header and cover image on my shopify website. I have try pretty much everything, can someone help me ? https://rituelle.store/ pw is neocla

[Moeed · Accepted solution]

Hey @nesriri92 

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>
.header-wrapper--border-bottom {
    border-bottom: unset !important;
}
</style>

RESULT:

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

Best Regards,
Moeed

[nesriri92]

thank you so much for your help, I have another question, I don't know why but my hamburger icon is not showing on mobile device 😞 , the url is : https://8m19ef-i7.myshopify.com/ could you maybe help me ?

[Made4uo-Ribe]

Hi @nesriri92 

Try 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 "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

.header-wrapper--border-bottom {
    border-bottom: 0 !important;
}

• And Save.
• Result:
• 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[goldi07]

Hello @nesriri92 

I checked your Shopify store at rituelle.store using the password neocla, and I see the thin grey line under the header and above the main image. This is likely a border-bottom or a box-shadow on the header or a wrapper div.

Here's the easiest way to remove it:
. From your Shopify Admin, go to:
Online Store > Themes > Customize (on your current theme)

2. Click the three dots (···) in the top left > Edit code

3. In the theme files, open:
assets/base.css (or possibly theme.css, style.css, depending on your theme)

4. At the very bottom of that file, add the following CSS:

.header, .shopify-section-header {
  border-bottom: none !important;
  box-shadow: none !important;
}

5. Click Save, then refresh your live site.

What this does:
. Removes any border-bottom or box-shadow from the header and its wrapper (.shopify-section-header).

. The !important ensures it overrides any default styles.

Thank you 😊