Disable matchHeight on Mobile

I want to disable certain matchHeigh elements on mobile devices.

So I wrote this:

if ($(window).width() < 768) {
    $('.noMatch').matchHeight({ remove: true });
  }

The idea would be that elements with .noMatch wouldn’t fire on devices with less than 768px.

But it doesn’t work. How would I have to write this properly?

[kyds3k]

Just to add my 2 cents in, I simply disabled the inline CSS using a media query and this technique:

https://css-tricks.com/override-inline-styles-with-css/

Took me no time and worked a treat!

[ezetojo]

Working solution for bootstrap 3. Based on @kyds3k answer.

@media (max-width:992px) {
    .match[style] {
        height: auto !important;
    }
}

I used it for xs and sm resolutions. If you want to apply it only on xs change media query to 768px.