Solved

Reduce Padding (Pipeline Theme) on mobile

Chris184
New Member
6 0 0

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

 

Accepted Solutions (2)
Kinjaldavra
Shopify Partner
2302 570 1422

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;
 }
}

 

 

View solution in original post

ZestardTech
Shopify Expert
5393 970 1299

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;
}
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

View solution in original post

Replies 6 (6)

ZestardTech
Shopify Expert
5393 970 1299

Hello There,

Please share your store URL and screenshot.
So that I will check and let you know the exact solution here.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
Chris184
New Member
6 0 0
Kinjaldavra
Shopify Partner
2302 570 1422

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;
 }
}

 

 

Chris184
New Member
6 0 0

Worked perfectly, Thank you so much!

ZestardTech
Shopify Expert
5393 970 1299

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;
}
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
ZestardTech
Shopify Expert
5393 970 1299

Kindly feel free to get back to me if you need any further assistance Thanks!

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing