Hi,
I have some company logos on my website here. When the user clicks on those logos (e.g. Business Insider), there is a pop-up that shows the logo in full view. I want to turn this off so the logos are not clickable and do not have pop-ups.
Could you help?
Thank you!
Hey Ali!
Try adding this code to the Quick CSS:
ul.socialmedia li a {
pointer-events: none;
}
Edit: I noted you’re using the same ul class in the social links in the left, i’d suggest adding a different class for the logos and changing the code accordingly:
ul.socialmedia.logos li a {
pointer-events: none;
}
Cheers!
Josue
Thank you so much for the prompt reply, Josue! Did it and it’s working. The only problem is it lose the “hover effect” that the fray scale was turning to opacity of 100% once hovered. Is there a way I can still have that effect with logos while still blocking pop-ups?
Thanks!
Try changing the link of the logos to a hash (#).
Regards,
Josue