Prestige Theme - Move the + (Add to cart) button on product images in a catalogue

[StarzanReyne]

Hi,

I want to move the add to cart (“plus”) button on the images in my product catalogues when displayed on mobile (it’s fine on desktop). I want to move the plus button up so it’s in the top-right corner of the image, not the bottom-right. It currently covers an important part of my product images.

Can anybody please help with this? I’m using Prestige theme and any help would be greatly appreciated!

Website URL: https://www.bonbonfusion.com.au/

[Dan-From-Ryviu]

Hi @StarzanReyne

Please add this code to Custom CSS in Online Store > Themes > Customize > Theme settings

@media (max-width: 749px) {
.product-card__quick-add-button {
    top: 4px;
    right: 4px;
    height: 2rem;
}
}

[StarzanReyne]

Thanks so much @Dan-From-Ryviu ! That worked perfectly. Legend!

[Dan-From-Ryviu]

My pleasure. Have a nice day ahead!