'Some links and form in firefox not clickable

I have a strange issue in Firefox. The text-links in my content and the form are not clickable. I tried to fix the issue by using z-index for the affected elements but this did not work. I also checked if there are any elements covering the affected areas, but I could not find anything. Does anyone have an idea how to fix this?

Some affected text-links here (text-blocks next to the images): click

The form: click

Thank you vey much!

jqueryhtmlcssfirefoxhyperlink


Solution 1:[1]

you have a problem in your following class. div:not(.autoGrid-lightbox) *

you are using some wordpress or jquery plugin which is creating this mess.

Add this in your CSS

div:not(.autoGrid-lightbox) * {
 webkit-transform-style: none !important;
}

Cheers!

Solution 2:[2]

I had a similar problem yesterday but without looking over your code I don't know how much help I can be.

You could try some jQuery in order to look for the link. It will look something like this.

 $('.yourClass').click(function(e){
 e.preventDefault();
 
 window.location = $(this).find('a').attr('href');
});

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Muhammad Kamran
Solution 2

Related Questions