Start a conversation

Show the "Add to Cart" button on desktop

Add the below CSS to your Footer Script (Admin panel > Storefront > Footer Script)

<style>
    /* Show add to cart button on desktop */
    .card-img-container {
        position: relative;
    }

    .card-figcaption {
        display: block;
        opacity: 1;
        height: auto;
        position: static;
    }

    .productCarousel .card-buttons:not(.card-buttons--alt), .productGrid .card-buttons:not(.card-buttons--alt) {
        position: static;
        opacity: 1;
        visibility: visible;
        padding: 0;
    }
    .mode-1 .productGrid .card-figcaption {
        display: none;
    }
</style>
Choose files or drag and drop files
Was this article helpful?
Yes
No
  1. Papathemes

  2. Posted

Comments