Liquid, JavaScript, themes, sales channels
Hi,
I've been working on trying to reduce the padding on my store for mobile (ironsmithco.com) in two locations:
Product page - Between the product image and header
Cart Page - Between the last cart item and subtotal text
I'm on the newest version of the Pipeline theme. Has anyone else run into this issue and have a solution? Thank you!
-Chris
Solved! Go to the solution
This is an accepted solution.
hello @Chris184 please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.
@media only screen and (max-width: 769px) {
#shopify-section-product .product-section .product-page{
padding-top: 0 !important;
}
#shopify-section-cart .cart .wrapper form .cart__row .grid .grid__item:nth-child(1){
display:none;
}
}
This is an accepted solution.
Hello There,
1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.css and paste this at the bottom of the file:
@media only screen and (max-width: 769px) {
#shopify-section-product .product-section .product-page{
padding-top: 0 !important;
}
#shopify-section-cart .cart .wrapper form .cart__row .grid .grid__item:nth-child(1){
display:none;
}
}
Hello There,
Please share your store URL and screenshot.
So that I will check and let you know the exact solution here.
Hi Pallavi
Thank you for taking a look!
https://www.ironsmithco.com/products/leather-valet-tray
https://www.ironsmithco.com/cart
This is an accepted solution.
hello @Chris184 please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.
@media only screen and (max-width: 769px) {
#shopify-section-product .product-section .product-page{
padding-top: 0 !important;
}
#shopify-section-cart .cart .wrapper form .cart__row .grid .grid__item:nth-child(1){
display:none;
}
}
Worked perfectly, Thank you so much!
This is an accepted solution.
Hello There,
1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.css and paste this at the bottom of the file:
@media only screen and (max-width: 769px) {
#shopify-section-product .product-section .product-page{
padding-top: 0 !important;
}
#shopify-section-cart .cart .wrapper form .cart__row .grid .grid__item:nth-child(1){
display:none;
}
}
Kindly feel free to get back to me if you need any further assistance Thanks!
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024