Re: how to make images clickable on mobile collection page

how to make images clickable on mobile collection page

ascended
Excursionist
19 0 2

Hello, my images for products are clickable on my collection page on desktop, but I cannot figure out how to get it to work on mobile. How do I do this?

 

Screenshot 2024-08-01 at 11.19.14 AM.png

Screenshot 2024-08-01 at 11.19.28 AM.png

site: link

password: first

page: shop all

Replies 2 (2)

BSS-TekLabs
Shopify Partner
2350 701 826

- Here is the solution for you @ascended 
- Please follow these steps:

z5686811214059_e66de1953f1db631f9134af5cdb796ad.jpg

- Then find the base.css or theme.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

.card__information a.full-unstyled-link {
        padding-top: 200% !important;
        margin-top: -200% !important;
    }

 

 

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
ascended
Excursionist
19 0 2

Hello, thanks for the help. But this only created links for the bottom two products, which open when clicking on the top two products. Is there something else I can do?