Hi team!
I wonder if you would know how can I remove excess margins both on top and bottom of the header.
I took a reference screenshot where the areas selected as green are the spaces I wish to remove.
The link: www.joanadarq.com
Thanks!
Topic summary
A user seeks to remove excess margins above and below their site header in the Craft theme. They provided a screenshot highlighting the unwanted spacing and shared their website URL (www.joanadarq.com) for troubleshooting.
Initial Issue:
- Developer requested store credentials but encountered site loading problems
- User confirmed the site appeared functional on their end with a screenshot
Solution Provided:
GemPages support team offered two CSS approaches:
- Remove logo padding:
#shopify-section-header .header__heading-link {
padding-top: 0;
padding-bottom: 0;
}
- Edit photos to reduce top/bottom spacing in the images themselves
The user thanked the support team, indicating the solution was helpful. Status: Resolved with CSS customization guidance.
1 Like
Hello there,
Please share me store URL and password.
Thank you!
hey! www.joanadarq.com
ok, I’m gonna check it
Hello @joanadarq
It’s the GemPages support team and glad to support you today.
You can remove the padding of the logo:
#shopify-section-header .header__heading-link{
padding-top:0;
padding-bottom:0;
}
Or edit photos, reduce the space on the top and bottom of the photo:
Hope my solution can work and support you!
Kind & Best regards!
GemPages Support Team.
Thank you!