Shopify themes, liquid, logos, and UX
Hey, I am trying to remove the top padding from the sections above on my product and collections pages but when I edit the general code to change top padding from 60px to 0px, it changes my homepage and footer as well making some sections look unnatural (attached examples below) Please help!
My store link is: www.revailco.com
please try this code 1. Go to Online Store->Theme->Edit code 2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
@media screen and (min-width: 769.1px){
.template-collection .box { padding-top: 0px !important;}
.template-product .box { padding-top: 5px !important;}
}
Thanks!
Hey thanks , it works fine except for the fact that my footer is also affected.
Please remove previous provided css class .
please try this code 1. Go to Online Store->Theme->Edit code 2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
@media screen and (min-width: 769.1px){
.template-collection .collection-section .box { padding-top: 0!important;}
.template-product .product-single .box {padding-top: 5px!important;}
}
Thanks!
User | RANK |
---|---|
150 | |
125 | |
80 | |
71 | |
66 |
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