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 |
---|---|
142 | |
110 | |
79 | |
64 | |
63 |
Explore the 30-30-30 rule, a dynamic social media strategy for new businesses. Learn how t...
By Trevor Sep 20, 2023Discover how to leverage the often overlooked footer of your ecommerce site to gain custom...
By Skye Sep 15, 2023In this blog, we’ll be shining a light on Shopify Partners, Experts, and Affiliates. Who a...
By Imogen Sep 13, 2023