Hide "click to enlarge" tooltip on mobile

Hi, the button for opening enlarged image on single product page has a tooltip “click to enlarge” shown on hover. This feature is nice for sektop, but on mobile it leads to poor user experience – after user hits the button enlarged image is shown then user closes it and “click to enlarge” is shown permanently although he does not need this information at all, he already used the button.
Can you please provide some CSS to disable this hover effect on mobile.

Hi,

Try to add the following code snippet to the Custom CSS mobile area in Theme Settings.

.wd-gallery-btn span {
	display: none;
}

Regards

Thanks a lot, that worked. Maybe you should consider incorporating that into the theme as I highly doubt anybody wants this text on mobile.

Sure, thank you. Contact us if you will have any questions.

[Author]

Posts