Shopify themes, liquid, logos, and UX
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 |
---|---|
133 | |
97 | |
87 | |
62 | |
51 |
Connect your PayPal account to allow your customers to checkout using the PayPal gateway a...
ByYour online store speed can enhance your store’s discoverability, boost conversion rates a...
ByShopping is at our fingertips with mobile devices. Is your theme optimized to be user-frie...
By