How to make 'Add to Cart' button sticky on product pages for mobile only

Store Design
,
1

Hi! I would like to make the ‘Add to Cart’ button sticky on product pages, but only for mobile only. Is this possible? And if so, how would I do that?

Here is a link to my store: https://nuvocollection.com/

Would really appreciate some help with this :slightly_smiling_face:

2

Hey @Theo_Bee ,

Please add this to the Custom CSS in the Theme Customizer → Settings

@media only screen and (max-width: 768px) {
    form#product-form-template--18223734784291__main #ProductSubmitButton-template--18223734784291__main {
        position: fixed;
        bottom: 30px;
        left: 50%;
        transform: translate(-50%, 0);
        width: 90%;
        z-index: 100;
    }    
}

You can find it here

ThePrimeWeb_0-1706023831765.png
ThePrimeWeb_0-1706023831765.png317×882 23.4 KB

1 Like
3

That worked - thank you!