How can I remove a white line from my header?

Store Design

Topic summary

A user is trying to remove an unwanted white line appearing below their website header at samstore.dk. An image shows the problematic divider line spanning the full width of the header.

Proposed Solutions:

Multiple community members offered CSS-based fixes targeting different selectors:

  • theme-header#header { border: none; }
  • .site-header__divider { display: none; }
  • .header { border-bottom: none !important; }

Implementation Steps:

  1. Navigate to Shopify Admin → Online Store → Themes → Actions → Edit code
  2. Locate the CSS file (commonly base.css or app.css in the Assets folder)
  3. Add the appropriate CSS code at the bottom
  4. Save changes

Current Status:

The discussion remains unresolved. One responder noted that app.css doesn’t exist in their theme, suggesting the correct file name may vary by Shopify theme. The original poster hasn’t confirmed whether any solution worked.

Summarized with AI on October 31. AI used: claude-sonnet-4-5-20250929.
1

Can anyone tell me how to delete this white line on under the header? I’ve tried many things i found here on site but nothing worked

Link to store: samstore.dk

Dawidooo_0-1686857334426.png
Dawidooo_0-1686857334426.png1890×1068 340 KB

1 Like
2

Hi @Dawidooo ,

Try this.

  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” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
  4. And Save.
theme-header#header {
    border: none;
}
3

Hey @Dawidooo , I saw you received a response, and was wondering if you got everything figured out. Thanks!

4

Hello @Dawidooo ,

You can try to follow these steps:

Go to Online Store → Themes → Actions → Edit code

Go to Assets folder → base.css file → add the following code at the bottom of page

/* Delete the divider line under the header section */
.site-header__divider {
  display: none;
}

Save and preview

Hope this can help.

Ali Reviews team.

5

Hi @Dawidooo

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the app.css file:

.header {border-bottom: none !important;}

Regards,

San

6

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > app.css and paste this at the bottom of the file:
.header {
border-bottom: none;
}

ZestardTech_0-1686897827073.png
ZestardTech_0-1686897827073.png1898×470 491 KB

7

app.css doesn’t exist…

8

app.css doesnt exist…