Header unwanted shadow-box

Store Design
, , ,

Topic summary

A user encountered an unwanted border/shadow appearing at the bottom of their navigation bar in a Shopify Dawn theme (v14.0.0) store under development.

Initial troubleshooting attempts:

  • Inspected CSS files for borders or shadow-box properties
  • Checked header elements via browser inspector
  • Verified the “show separator line” checkbox was unchecked

Community response:
Multiple users requested a preview link to the store to diagnose the issue, noting it would likely require minor CSS adjustments.

Resolution:
The original poster solved the problem independently by creating a conditional class for the homepage using Liquid templating:

{% if request.page_type == 'index' %} header--home{% endif %}

This approach positioned the homepage header absolutely while maintaining borders on other pages where they were needed. The user, being new to Shopify/Liquid, also requested guidance on sharing preview links for stores not yet live.

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

Hello,
I am trying to figure out how to remove this border at the bottom of the navbar,

I have looked at the css files to find any borders or shadow-boxs that might cause this, i have also inspected the whole header but i am just unable to find what creates this.

I know there is a checkbox “show seperator line” which is currently unchecked.

Thank you,

Screenshot 2025-01-11 160617.png
Screenshot 2025-01-11 160617.png792×235 4.78 KB

1 Like
2

Share link to store? And what theme?

2 Likes
3

The current websites design is still in dev, the version is Dawn version 14.0.0

1 Like
4

I don’t see this shadow in dawn theme examples. Need to look at your store to figure out what’s the problem

2 Likes
5

Share a preview link, so we can see that. It’s normally a little CSS-Code.

2 Likes
6

Hello @ArjunPCD
Thank you for submitting your query to the Shopify community. I’d be happy to assist you. Could you please provide the store URL and password (if it’s password-protected) so I can review and get back to you with an update?

1 Like
7

Sorry, I actually solved,
I have conditioned a different class for the home page (I have positioned it in absolute) and the other pages since I realized i actuly need a border in the other pages:

{% if request.page_type == 'index' %} header--home{% endif %}

I am new to shopify and to liquid, I’ll be still glad if you can teach me how to share a preview of a website which is not live yet.
thank you