Shopify themes, liquid, logos, and UX
Hi everyone
hope you might be able to help me again with another quick question, I have tried some previous solutions but can’t seem to get it to work.
When on mobile, my header has a bit too much white space top & bottom making it a bit big.
Could you advise how I could take off about 50% of this away from the top & bottom please?
site - www.allthekids.co.uk
password - folieb
Solved! Go to the solution
This is an accepted solution.
hii, @Booshy
Paste this code on top of the theme-index-min.css file.
@media only screen and (max-width: 768px) {
.header-logo-wrapper {
height: 108px !important;
margin-top: -25px !important;
}
.sticky-mobile-header.d-lg-none {
height: 100px !important;
margin-top: -33px !important;
}
}
Thank You.
This is an accepted solution.
hii, @Booshy
Paste this code on top of the theme-index-min.css file.
@media only screen and (max-width: 768px) {
.header-logo-wrapper {
height: 108px !important;
margin-top: -25px !important;
}
.sticky-mobile-header.d-lg-none {
height: 100px !important;
margin-top: -33px !important;
}
}
Thank You.
Perfect, thank you 🙂
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024