Shopify themes, liquid, logos, and UX
I am having trouble reducing the height of my header... it appears that there is quite some padding... how do I remove it? I would like the header height to be about half of what it currently is.
www.melodyroad.com.au
Solved! Go to the solution
This is an accepted solution.
Hey @MadeForGood
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
div#StickyHeaderWrap {
height: unset !important;
}
.site-header__logo a {
padding: 0 !important;
}
</style>
RESULT:
If I managed to solve your problem then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
This is an accepted solution.
Hey @MadeForGood
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
div#StickyHeaderWrap {
height: unset !important;
}
.site-header__logo a {
padding: 0 !important;
}
</style>
RESULT:
If I managed to solve your problem then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Thanks... your solution worked
Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.
Discover how to increase customer engagement on your store with articles from Shopify A...
By Jacqui Apr 23, 2025Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025