Issue With The top Of my landing Page

Store Design
, , , , ,

Topic summary

A user is experiencing a large white line appearing at the top of their Shopify landing page, which they suspect is caused by code issues.

Problem Details:

  • The white line becomes thinner (nearly invisible) when the logo width is reduced to 160px
  • Increasing the logo width makes the line more prominent
  • The issue appears to be CSS-related

Proposed Solutions:
Two community members offered the same CSS fix:

  • Add padding-top: 0 !important; to the header.header class
  • Insert this code in the theme’s Custom CSS section (accessible via Shopify Admin > Online Store > Theme > Customize > Theme Settings)

One responder provided visual confirmation showing the fix successfully removes the white line. The discussion appears resolved with a working CSS solution.

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

Hello i have an issue with my Landing Page the top of the Page there a Big Line that is white and I think the issue come from codes , And when i change the logo width to 160 px the line i way finner (nearly can’t see it ) but when i start increasing the logo width the Line start being bigger how to solve this issue , i think it’s an issue from coding .

Here is my website Link:

https://7968dc-f5.myshopify.com/

2

@Sohayl67 paste in base.css

header.header.header--top-center {
    padding-top: 0 !important;
}
3

Hi @Sohayl67

To complete your requests, please follow these steps:

  1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
  2. Paste the code provided into the Custom CSS section.
header.header {
    padding-top: 0 !important;
}

Here is the result: https://prnt.sc/EcsdLeEH9x3-

I hope this helps

Best,

Daisy