How can I fix mobile add to cart and checkout issues in my online store?

[kuroichigo]

All of these problems I’m having are on mobile!

Hi everyone I need help with 3 things: My Website: https://beautefion.com/

The theme I am using for my website is: https://monspa-store-demo.myshopify.com/products/body-buffing-mitt?variant=35735835082916

1. On the product page when a customer clicks ADD TO CART and would like the minicart to show up. For example, as shown by this theme: https://deyla.myshopify.com/products/beauty-brick-eye-shadow when you press the ADD TO CART button the minicart automatically shows up.

2. When you click the checkout button you have to press it twice instead of once to redirect you to the checkout page.

3. I would like to make the checkout button on the minicart bigger so that it takes the whole length and centering.

Thank you so much for your time!

[Alok_Kasgar]

You can enable cart drawer from ONLINE STORE>CUSTOMIZE> GO TO CART PAGE

you will got the options for cart page

To make bigger checkout button for mobile, add below css in css file

classname{

display: grid;

}

[muttahir]

1. It can be done from admin customiser if you can provide me access I can do this for you, if you need more settings which is not exist then it have to be created.
2. Can not reproduce it.
3. You have to update the width of this class .minicart .mini-content .action-checkout .button-checkout which is 50% right so two buttons getting same width cart and checkout
   when you make it 100% it will look like this

this can be easily done by editing code from admin

Feel free to reach me out for further queries