Hi, first of all, congratulations on your solution. The triangle you mentioned is a square, rotated by 45 degrees and in absolute position to the rectangle of the same colour. This square will be "hidden" in the mobile version. In the mobile version the arrow is placed on the layer above the rectangle, you can set this with the "z-index" value. In my case, the rectangle disappears when the visitor either clicks on the icons or other areas of the page. I would appreciate your feedback on whether my comment was helpful.
Marked as helpful
@Petrosdevri
Posted
@szloeu You are right, I forgot the z-index
option! I also think we should change the position of the arrow so that this property will work fine (because when I leave it on static
it doesn't work). As for the first solution I am going to try it out later but I am sure it will work. Thanks for the feedback, it's appreciated!