Disable link click on multicolumn images

Disable link click on multicolumn images

rencafenyc
Excursionist
30 1 3

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;
}

 

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).

rencafenyc_0-1739470286897.png

 

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

 

Replies 4 (4)

Natasha-Saed
Shopify Partner
466 51 87

Hello,

 

It's not clear which section you are talking about can you share a screen image please to be able to assist you

If my solution helped you don't forget to accept it to help others.
===================================================================
And if you really like my support share a cup of coffee with me paypal.me/freemindsint
rencafenyc
Excursionist
30 1 3

If you click any of these images on desktop, nothing happens – which is what I want. However, if you click / tap any of these images on mobile, it refreshes the page and brings you to the top. I'd like to disable that for mobile.

 

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

 

Screenshot 2025-02-13 at 4.19.31 PM.png

LizHoang
Shopify Partner
1251 158 196

Hi, i see its normal, can you share detail image?

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Check our Joy Rewards & Loyalty Program
rencafenyc
Excursionist
30 1 3

It's normal on desktop but not normal on mobile