-
Notifications
You must be signed in to change notification settings - Fork 802
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Disable matchHeight on Mobile #99
Comments
I think this should work, could there be a problem somewhere else in your code? |
I would +1 for an option to define attribute min/max eg: |
I used the following function that I attached to the jQuery object:
Then, you can call it on your items on page load and window resize:
I used a data attribute value as a flag to see if the script had already been added/removed. This way, you're not attaching a bunch of handlers to your elements and running the matchHeight script a bunch of times. There's probably a better solution, but this is working for me. |
I think there's a pull request related to this see #65, does that help anybody? |
@liabru +1 for the merge. |
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! |
Working solution for bootstrap 3. Based on @kyds3k answer.
I used it for xs and sm resolutions. If you want to apply it only on xs change media query to 768px. |
I want to disable certain matchHeigh elements on mobile devices.
So I wrote this:
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?
The text was updated successfully, but these errors were encountered: