How to resize my add to cart or buy now button

iamme
New Member
1 0 0

I want Add to Cart or Buy Now button parallel like this on phone .

I'm Using Debutify 2.0.2 theme

Screenshot (708).png

 

 

 

 

 

 

 

 

Now my site looks this this

 

Screenshot (710).png

 

Reply soon

0 Likes

@iamme,

1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > theme.scss or theme.css any one file and paste this at the bottom of the file.

Let me know if it works for you.

Good Luck!

@media screen and (max-width: 769px)
.btn--add-to-cart {
    flex: 40% !important;
    margin-right: 10px !important;
}

 

Zeian Shahzad | Designer | Developer
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- Email: shopify.zeian@gmail.com
Cheers!!
0 Likes

@iamme,

You can adjust by increasing the values from 40% up to 50%.

Zeian Shahzad | Designer | Developer
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- Email: shopify.zeian@gmail.com
Cheers!!
0 Likes