-
Notifications
You must be signed in to change notification settings - Fork 13
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
Fail when rows collapse #1
Comments
Could you please share a demo of this issue. Here is a demo that you can build on. |
It seems after fiddling that it may be more of a CSS problem.... http://jsfiddle.net/Neo360/ws4qS/29/ Only the first column has a float inside the EQ'd container. Resize the window under 400px and the container collapses. |
Hmm, if you change the columns : '> div' |
I decided to crudely wrap the plugin in a media query. This way when the screen resolution is below a set limit the plugin sets |
So you mean an option which stops equalizing when the browser window is less than a set width? That sounds reasonable. |
Yeah, I also just noticed other floated divs escaping even when columns are present and I think it's more to floats escaping this:
I added
also works. |
Check out the new adaptive demo. Note that the new Hopefully that will get the plugin to work the way you want. |
@Mottie I've just gotten an opportunity to try this out and it works just as expected and brilliantly so. Thanks. |
When a row of blocks collapses to 100% width at a CSS breakpoint, Equalizer assigns an incorrect height to all blocks. This makes sense as they're no longer in a row, but this also causes the blocks to be cutoff or oversized.
Limiting instantiation of the plugin at a viewport size, while still retaining resizeable:true would work, if I knew how to pull it off.
Any other ways to work around?
The text was updated successfully, but these errors were encountered: