How can I decrease Margain on my product page

arham
Tourist
15 0 2

How can I decrease Margain on my product page

0 Likes
RajatWeb
Shopify Partner
187 42 56

Hi @arham,

Would you please share your store link?

If helpful then please Like and ✔️ Accept Solution.
Do you need custom changes on store ? please send me a personal message and we can discuss.
Email: rajatsharma.web@gmail.com
Skype: rajatsharma.web
0 Likes
dmwwebartisan
Shopify Partner
9303 2153 2934

@arham 

Find Asset >timber.scss.liquid and paste this at the bottom of the file.

 

@media screen and (max-width: 590px){
.shopify-payment-button .shopify-payment-button__more-options {display: none;}
.product-single__meta--wrapper {
   margin: 0 0px !important;
    padding-left: 45px !important;
    padding-right: 25px !important;
}
.template-product .ajaxcart__qty, .js-qty {
    max-width: 87%;
    min-width: 87%;
}
.template-product input, .template-product select, .template-product textarea {
    max-width: 100%;
    min-width: 100%;
    
}
.product-single__add-to-cart {margin: 0 0 0px 0;}
}

 

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
arham
Tourist
15 0 2

i sent you on email pls check

0 Likes
arham
Tourist
15 0 2

hey thanks it helped my buy now buttons and add to cart button to come at 90 degree but the margain is still same 

0 Likes
dmwwebartisan
Shopify Partner
9303 2153 2934

@arham 

Remove Previous code and add this new code 

@media screen and (max-width: 590px){
.product-single__meta--wrapper {
    margin: 0 0!important;
    padding-left: 24px!important;
    padding-right: 0px!important;
}

.product-single__description {
    text-align: inherit;
}

.template-product .ajaxcart__qty, .js-qty {
    max-width: 87%;
    min-width: 87%;
}
.template-product input, .template-product select, .template-product textarea {
    max-width: 100%;
    min-width: 100%;
    
}
.product-single__add-to-cart {margin: 0 0 0px 0;}

}
If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes