Why Is My Embed Clickable In My Product Description

Store Design
, ,
1

Hey having trouble here & could use some help.

In my product description, I embedded a GIF from gifphy and for some reason it is clickable to a visitor on mobile or desktop. When they click it, it redirects them to the gifphy website and the post I made.

Please let me know if you have any solutions to my problem.

Nalyd_0-1692711257290.png

2

Hi @Nalyd

Add the attribute pointer-events:none in style of parent div.

Just above the iframe tag.

3

Thanks for the reply - I have no experience with HTML and tweaked around and couldn’t figure out how to add it. Any more tips? I messaged you on whatsapp aswell.

Thanks!

4

Hi @Nalyd ,

  1. Go to your online store => Themes => Customize

  2. Open setting tabs => Custom Css => Paste this code

div[data-mce-style]:has( iframe){
  pointer-events: none;
}

You can watch this toturial video: Loom Message - 29 August 2023

Good luck @Nalyd !