Impact theme Add to Cart Button

[mTekin]

I want add to cart button to always stick at the bottom of the screen in mobile view in the product page

Here's the link

not like this 

more like this.

[webwondersco]

@mTekin Please add the below line of css code at the end of your theme.css file

body product-quick-add.product-quick-add{
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

[namphan]

Hi @mTekin,

Please go to Actions > Edit code > Assets > theme.css file and paste this at the bottom of the file:

.shopify-section--main-product .product-quick-add {
    opacity: 1 !important;
    visibility: visible !important;
}

[websensepro]

Hi @mTekin ,

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>

<style>
body product-quick-add.product-quick-add{
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}
</style>

If my reply is helpful, kindly click like and mark it as an accepted solution.

Thanks!

[Rahul_dhiman]

Hello @mTekin 
Go to online store ----> themes ----> actions ----> edit code---->theme.css
add this code at the end of the file.

product-quick-add.product-quick-add {
opacity: 1;
visibility: visible;
transform: translateY(0px);
}

result

If this was helpful, hit the like button and accept the solution.
Thanks