How can I bring my checkout buttons in same line??

Solved
arham
Tourist
15 0 2

how can I bring checkout buttons in same and and decrease white space near them?

Michael_Pink
Navigator
286 46 60

Hi @arham 
Can you share your store url and page url??

My life is sharing.
I hope my solution can help you save at least 1$
Build Page faster with PageFly PageBuilder App.
shopify.expert.team@gmail.com
0 Likes
dmwwebartisan
Shopify Partner
7461 1773 2374

@arham 

Please share your store URL.

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
KetanKumar
Shopify Partner
20683 2144 7830

@arham 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
arham
Tourist
15 0 2

Hey I sent you on your email

0 Likes
arham
Tourist
15 0 2

Hey I sent on your email

0 Likes
arham
Tourist
15 0 2

Hey I have sent on your email

KetanKumar
Shopify Partner
20683 2144 7830

@arham 

great thanks please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/timber.scss.liquid->paste below code at the bottom of the file.

@media only screen and (min-width: 769px) {
.product-form__item {
    margin-bottom: 13px;
    float: left;
    width: 50%;
}
.product-single__quantity {
    margin-top: 0;
    float: left;
    width: 50%;
}
.product-single__quantity label {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 10px;
}
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
KetanKumar
Shopify Partner
20683 2144 7830

This is an accepted solution.

@arham 

please update this code work on mobile and desktop 

.product-form__item {
    margin-bottom: 13px;
    float: left;
    width: 50%;
}
.product-single__quantity {
    margin-top: 0;
    float: left;
    width: 50%;
}
.product-single__quantity label {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 10px;
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes