Prestige Theme - Remove grey line under header

Store Design

Topic summary

A user seeks to remove a grey (or faint beige) line appearing under the header in the Prestige theme. Previous CSS solutions found on the site either had no effect or broke page layout.

Attempted Solutions:

  • Initial CSS targeting .shopify-section--bordered with display: none failed
  • Code snippet using .Header { box-shadow: none !important; } in assets/theme.css did not work
  • Replacing hex color values with ‘none’ was unsuccessful

Working Solution:
Pasting the following CSS at the top of the theme.scss file successfully removed the line on desktop:

#section-header {
  box-shadow: none !important;
}

Current Status:
Resolved for desktop version. A follow-up question asks whether this solution also works for mobile, as the line persists on mobile devices for another user with the same issue.

Summarized with AI on November 25. AI used: claude-sonnet-4-5-20250929.
3

Thank you @dmwwebartisan
It’s https://chloeandclaude.com but its not live yet :disappointed_face: