Hi, I am using Spotlight theme, and I have this white bar between the header and the image banner on homepage. How can I get rid of it?
Topic summary
A user encountered an unwanted white space appearing between the header and image banner on their Shopify store’s homepage using the Spotlight theme.
Resolution:
The issue was self-resolved by adding custom CSS:
.header-sticky {
margin-bottom: -30px;
}
This negative margin removes the gap by pulling the content upward. A PageFly representative also offered an alternative solution involving code edits in the theme files, though the specific steps appear corrupted in the thread.
Status: Resolved through CSS customization.
1 Like
I solved it by adding
.shopify-section-header-sticky {
margin-bottom: -30px;
}
This is Noah from PageFly - Shopify Page Builder App
Hi @Pearliful Please add code here to fix it:
Step 1: Online Stores > Themes > Edit code
Step 2: Choose file theme.liquid
Step 3: Add code above the tag
Hope my solution will help you resolve the issue.
Best regards,
Noah | PageFly