Quantity and add to cart button make it small one beside the other

Solved
Highlighted
Tourist
8 0 2

Hey Experts, 

 

I want to make Add to cart button bit smaller and place it beside the Quantity. Which means on product page, I want "Add to cart button" and "Quantity" should place beside each other.

 

I am using Debutify theme. My website URL is https://blue-scope-fire.myshopify.com/

 

plz help me with that...

Highlighted
Shopify Partner
9522 1198 3348

Hello, @shaker100 

Thanks for post.

sorry, your store is password protect can you please share us

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 Expert | 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
Highlighted
Shopify Partner
1908 120 299

This is an accepted solution.

Dear shaker100,

 

In theme -> Online Store -> Action -> Edit code ->

Go to the Assets -> open theme.scss.css

Then paste this code at the bottom of file

@media(min-width: 769px){
.product-single__form .product-form__item:not(.product-form__item-radio) {
    margin-bottom: 17px;
    width: 40%;
    float: left;
    margin-right: 7%;
}
.product-single__add-to-cart--full-width {
    width: 48%;
    margin-top: 25px;
}
.ba-trust-wrapper::before {
    content:  "";
    display: table;
    clear: both;
}
button#AddToCart--product-template {
    font-size: 12px;
    padding: 10px 24px;
}
}
Best Regards
MS Web Designer | MS Web International | Task4Store
Contact Us: Click Here | task4store@mswebdesigner.com
9.9/10 Customer Rating | 1000+ Happy Clients | 100% Satisfaction Or Money Back Guarantee
0 Likes
Highlighted
Tourist
8 0 2

wow! worked like magic...Thank you so much

0 Likes
Highlighted
Shopify Partner
1908 120 299

Welcome :) If you need more help in your store please contact here: https://www.task4store.com/pages/contact-us

Best Regards
MS Web Designer | MS Web International | Task4Store
Contact Us: Click Here | task4store@mswebdesigner.com
9.9/10 Customer Rating | 1000+ Happy Clients | 100% Satisfaction Or Money Back Guarantee
0 Likes
Highlighted
Excursionist
31 0 7

Hey @MS-WEB-DESIGNER @KetanKumar 

Can you help me please with my concern too with add to cart button? I want it to be positioned below the variants and quantity regardless of the screen size. Can you help? Store url is www.blueskystone.com

0 Likes
Highlighted
Shopify Partner
9522 1198 3348

@mon01 

can you please share a screenshot of further issue?

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 Expert | 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
Highlighted
Excursionist
31 0 7

@KetanKumar here are some screenshot

I'm using debut theme and as you may know the layout adapts to the screen size therefore viewing it on wider screens doesn't look nice sometimes. I'm particularly concerned with the button and I want it to be positioned consistently below the quantity whether I view it in small or wide screen.

Can you help me?WhatsApp Image 2020-11-09 at 3.51.51 PM.jpegWhatsApp Image 2020-11-09 at 2.42.11 PM.jpeg

0 Likes