Help removing dividing line underneath header theme: Baseline

Store Design
, , ,

Topic summary

A user seeks to remove a thin white dividing line appearing below the header/menu in Shopify’s Baseline theme. They attempted CSS solutions targeting .transparent-toolbar and .site-header but saw no effect when previewing changes.

Working Solution Provided:
A PageFly representative shared CSS code to resolve the issue:

  • Navigate to Online Store → Theme → Edit code
  • Locate the theme.min.css file
  • Add this code at the bottom:
.header.border-b-grid {
  border: 0 !important;
}

The original poster confirmed this solution worked successfully.

Additional Requests:
Several other users later asked for help with similar header border issues in different themes (Estate, Impact, Dawn), indicating this is a common customization need. These follow-up requests remain unresolved, with one responder noting that CSS solutions vary by theme.

Summarized with AI on November 8. AI used: claude-sonnet-4-5-20250929.
1

Hello, I hope someone can help.

Trying to remove the line underneath the menue / header. I have the theme Baseline. (the slim white line)

Skärmavbild.cvs.png
Skärmavbild.cvs.png3358×1142 737 KB

I tried the following already, by changing the code in the theme.css file. But when pressing preview i see no effect.

" .site-header {border-bottom: none;} "

and

"

.toolbar–transparent {

display: none !important;

}

"

nothing works. Please help.

1 Like
2

Hi @TheAnyTony

Would you mind to share your Store URL website? with password if its protected. Thanks!

1 Like
3

Hi Ribe,

I haven’t published the website.

But perhaps this will work? https://a8f7a2.myshopify.com/

No password atm

4

Hi @TheAnyTony

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.min.css

Step 3: Paste the below code at bottom of the file → Save

header.border-b-grid {

border: 0 !important;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly

2 Likes
5

Thank you so much. :+1:

6

Hello i am trying to get rid of the border lines for the header using the taste theme.

can you please help?

7

I’m trying to remove the white line for the impact theme is there a solution for this??

1 Like
8

Hi @markjj777

Would you mind to share your store URL? Every theme have different code. So it means it work for the post owner that have baseline theme. Thanks!

9

Hi

i have the same issues but with drawn theme does anyone know how to fix this as well as the header moves when scrolling i wanting it to stay at the top ?

10

Hey can you remove the white line in the header please?https://bilarforyou.com/collections/all-bikes