Hello experts! Trying to remove the white space under my header but cant find where. Can somebody help?
Want to remove this white empty space
Website: Reflawless.com
Pw: Kingstone1
Topic summary
A user seeks help removing unwanted white space appearing below their header on a Shopify store using the Dawn/Refresh theme.
Proposed Solutions:
Three support representatives offered nearly identical CSS-based fixes:
- Navigate to: Online Store → Themes → Edit Code → Assets → base.css
- Add the following CSS rule:
.shopify-section-group-header-group.section-header {
margin-bottom: 0 !important;
}
One respondent (GemPages) suggested an alternative approach involving adding code to the theme.liquid file before the </head> tag, though the specific code wasn’t clearly visible.
Status: The discussion remains open with no confirmation from the original poster about whether any solution resolved the issue. All responses provide technical CSS modifications targeting the header section’s bottom margin.
1 Like
Hi @Kingstone
This is Victor from PageFly - Shopify Page Builder App, I’d like to suggest this idea:
Online Store ->Theme ->Edit code
Assets ->Base.css
.section-header.shopify-section-group-header-group {
margin-bottom: 0 !important;
}
Hope you find my answer helpful!
Best regards,
Victor | PageFly
For remove white space under header follow below steps :
- In your Shopify Admin go to online store > themes > actions > edit code
- Find Asset > base.css and paste this at the bottom of the file:
.shopify-section-group-header-group.section-header {
margin-bottom: 0;
}
Hope this works well for your issue.
Best Regards !
Hello @Kingstone ,
It’s the GemPages Support Team and we are glad to assist you today!
I would like to give you the recommendation to support you so kindly follow the steps below:
- Go to Online Store > Theme > Edit code of your current theme
-
Open your theme.liquid theme file
-
Paste the below code before
Let us know how it works for you.
Best regards,
GemPages Support Team
2 Likes