Shopify themes, liquid, logos, and UX
Is there any way I can reduce the spacing/padding from the logo to the "sort by" option on mobile? URL is https://a-lineage-story.myshopify.com/. Password is 'beckew'. Thank you very much!
Solved! Go to the solution
This is an accepted solution.
Please add the following code at the bottom of your assets/theme.scss.liquid file.
@media only screen and (max-width: 590px) {
body:not(.template-index) .main-content {
padding-top: 200px!important;
}
}
This is an accepted solution.
Try this css class
@media only screen and (max-width: 590px){
body.template-product .main-content {
padding-top: 135px !important;
}
}
This is an accepted solution.
Please add the following code at the bottom of your assets/theme.scss.liquid file.
@media only screen and (max-width: 590px) {
body:not(.template-index) .main-content {
padding-top: 200px!important;
}
}
thanks so much for all your help tonight! also, how do i fix the padding on the product page?
Please add following css class
@media only screen and (max-width: 590px){
.template-product .main-content {
padding-top: 135px!important;
}
}
Hi, that didn't seem to work unfortunately.
This is an accepted solution.
Try this css class
@media only screen and (max-width: 590px){
body.template-product .main-content {
padding-top: 135px !important;
}
}
Thanks! I also noticed that when I click on an item from "more from our collection" on one of my product page's, the burger icon disappears when I scroll down as well.
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