Shopify themes, liquid, logos, and UX
Hi, I am currently using the Supply Theme, but I really don’t like the placement of my logo on the mobile suite. I want to remove the blank white space where the announcement bar would normally be.
I’m unsure of how it fix this.
This is how it currently looks:
Any help is appreciated.
Thank you.
Solved! Go to the solution
This is an accepted solution.
Hi @tullyhai,
Go to Assets > theme.scss.liquid and paste this at the bottom of the file:
@media screen and (max-width: 768px){
.site-header{
padding-bottom: 0px !important;
}
.site-header .grid--full .grid-item.large--one-half.large--text-right{
display: none !important;
}
}
If it helped you solve your issue, please mark it as a solution. Thank you and good luck.
Please share your store URL!
Thanks!
Hi @tullyhai,
Please follow these steps:
- Step 1: Go to Online store > Themes > Actions > Edit code.
- Step 2: Go to Assets > theme.scss.liquid and paste this at the bottom of the file:
.header-logo{
margin: 0 auto !important;
}
Hope it helps!
Thanks, Ive done that!
It moved my logo up, but there is still quite a bit of space between the image and the header that I would like to remove if possible.
This is an accepted solution.
Hi @tullyhai,
Go to Assets > theme.scss.liquid and paste this at the bottom of the file:
@media screen and (max-width: 768px){
.site-header{
padding-bottom: 0px !important;
}
.site-header .grid--full .grid-item.large--one-half.large--text-right{
display: none !important;
}
}
If it helped you solve your issue, please mark it as a solution. Thank you and good luck.
User | RANK |
---|---|
130 | |
91 | |
77 | |
63 | |
54 |
Learn these 5 things I had to learn the hard way with starting and running my own business
By Kitana Jan 27, 2023Would you love to unleash the unbridled power of the Google Shopping Channel into your sho...
By Gabe Jan 6, 2023How can you turn a hobby into a career? That’s what Emmanuel did while working as a wa...
By Skye Dec 30, 2022