Almost done with all customization and tonight I get this ■■■■■■■■ white banner on top . No idea from where is coming but it’s piss me off sick . I use transparent header the image suppose to reach to full top of screen . Appear on every 10 save theme I have. PLEASE HELP TO DELETE THIS> > link https://hedonismstore.co/password pass : cheche> >
Topic summary
A Shopify store owner encountered an unexpected white banner appearing at the top of their website, preventing their transparent header and hero image from reaching the full top of the screen.
Problem identified:
- A script with ID “rafp-stylesheet” was adding unwanted top margin to the body element
- The issue appeared across all pages despite using a transparent header design
Solutions offered:
- GemPages support suggested adding custom CSS code to the theme.liquid file before the
</head>tag - PageFly support recommended adding
body#template-index { margin: 0px !important; }to the base.css file
Resolution:
The PageFly CSS solution successfully resolved the issue. The store owner confirmed the white banner was removed and thanked the support team for their help.
Hi, Hedo:
There is an script style with the id “rafp-stylesheet” that adds margin top to the body.
Do you recognize the acronym RAFP? it may be an App.
Hello @hedo
It’s GemPages support team and glad to support you today.
I would like to give you a solution to support you.
-
Go to Online Store → Theme → Edit code.
-
Open your theme.liquid theme file.
-
Paste the below code before :
Hope my solution can work and support you!
Kind & Best regards!
GemPages Support Team.
1 Like
Hi @hedo
This is Victor from PageFly - Landing Page Builder App.
You can try this code by following these steps:
Go to Online store => themes => actions => edit code and add this code on file base.css
body#template-index{
margin: 0px !important;
}
Hope this answer helps.
Best regards,
Victor | PageFly
1 Like
You the best ! Thanks you so much fixed
Already fixed thanks for your answer
1 Like