Access a community of over 900,000 Shopify Merchants and Partners and engage in meaningful conversations with your peers.
On my mobile version of my website, iimvclothing.com, I am having this issue as there is too much padding around my logo causing it to be a little annoying.
Can anybody recommend how to remove this padding?
My computer version of my website is fine, its just the mobile version.
Solved! Go to the solution
This is an accepted solution.
You can try to add the following code at the bottom of your assets/timber.scss.liquid file.
@media only screen and (max-width: 480px){
.site-header[role="banner"] .wrapper {padding-top: 0px!important;}
.site-header {padding: 20px 0 !important;}
}
Thanks!
Please disable dibuger .
Thanks!
This is an accepted solution.
You can try to add the following code at the bottom of your assets/timber.scss.liquid file.
@media only screen and (max-width: 480px){
.site-header[role="banner"] .wrapper {padding-top: 0px!important;}
.site-header {padding: 20px 0 !important;}
}
Thanks!
Wow that worked perfectly!! Thanks so much!
The white space below is spot on! The white space above has halved which is perfect but I am wondering if there is any way to remove a little more white space above the logo? So that it is closed to the top of the black banner/menu area
Please add code your Assets/timber.scss.liquid bottom of file.
@media only screen and (max-width: 480px){
#shopify-section-header .site-header[role="banner"] .wrapper {
padding-top: 0px!important;
}
}
Dude you are a genius! I have been reading forums for months on how to do this and you have solved this in less than an hour. Thank you so much!
Thank you for your response. It's good to know that it's worked for you. Kindly feel free to get back to me if you need any further assistance.
User | RANK |
---|---|
206 | |
109 | |
86 | |
56 | |
49 |