Shopify themes, liquid, logos, and UX
I'm working on my website and noticed that the header is too thick...there is a lot of top/bottom whitespace padding. How do I remove that?
Solved! Go to the solution
This is an accepted solution.
Please add the below CSS code to at the end of your base.css file.
@media(min-width:990px){
body .header{
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
}
Can you please share your store URL? so I can assist you well.
This is an accepted solution.
Please add the below CSS code to at the end of your base.css file.
@media(min-width:990px){
body .header{
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
}
That looks better, Thank you so much!
@almapiedra If you got the solution then you can make this thread an accepted solution. so, others get to know that there is no need to add comments for this thread.
this didnt work for me completely, i managed to reduce the top-padding but reducing the bottom one just made it conflict with the sticky-header
this is already present in line 1888 of the base.css file
@media screen and (min-width: 990px) {
.header {
padding-top: 0rem;
padding-bottom: 2rem;
}
@Sweets-n-Things, can you please share your store URL?
also, let me know what is the issue you are facing in your store.
Hello,
I am wanting to remove padding to the left and right of the header but am having no luck
Thanks for the coding to move the top padding down. For some reason mine only worked on the desktop version. Is there coding to make it work on mobile too? I'm just in trial mode at the mo but the url is oakandporter.co.uk. Thanks 🙂
Can you please share the password of your store so I can check the front end and let you know where to update the CSS to get the required change?
Were you able to get it to work on mobile? I have the same issue.
Can you please share share your store URL and the screenshot where you want to reduce the space?
Thanks,
https://jellytoys.com
I was looking to reduce the padding above and below the logo slightly, as the top bar is too wide! is that possible? many thanks for your support
Can you please add the below CSS at the end of the base.css file? I hope this will work fine for you.
body .header__heading-link{
padding:0;
}
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024