Disable click on multicolumn images

Store Design
, ,
1

There is a specific multicolumn block I have that only contains images and I turned off the ability for desktop cursors to click on the image by using this code in the Custom CSS section of the block:

.multicolumn a {
pointer-events: none;
cursor: default;
}

As a result, when you hover the cursor over the image on desktop view it does not allow to click and direct to a link. However, if you tap the image on mobile view with your finger it will direct you to the top of the page again even though there is not link connected to the image (see picture below).

Screenshot 2025-02-12 at 11.48.08 PM.png
Screenshot 2025-02-12 at 11.48.08 PM.png584×796 9.8 KB

Would love to get some help on resolving this issue for the mobile view in order to improve the user experience.

URL: https://rencafenyc.com/pages/cafe

1 Like
2

Hi @rencafenyc , Add this to your code :

.multicolumn a {
  pointer-events: none;
  cursor: default;
  touch-action: none;
}

This will prevent touch actions on mobile view.

3

Thank you, but the link can still be clicked on an actual iPhone for example (not just the mobile view in desktop inspector)