Masonry Breaking w/ Filter

1
Masonry Breaking w/ Filter 1
taylor
Feb 03, 2018 09:37 AM 1 Answers General
Member Since Jan 2018
Subscribed Subscribe Not subscribe
Flag(0)

Hi I really like your plugin.

I have it set up almost the way I want but i noticed my grid items look much better using the masonry option.

However when I use it with the Filter options it breaks after you switch category/taxonomy.

Current (works great):

http://64.207.183.241/~festivalinternat/main-schedule/

Masonry Test (broken - try to switch between days):

http://64.207.183.241/~festivalinternat/masonry-schedule-test/

  • ignore the slight styling difference - when I try masonry on the "Current" one it does the same thing, just made a separate page for this question.

Also, The search option doesn't show up at all if checked off? I have it checked off in the "Current" page.

It could be a theme / css issue on my end but I don't think it is. Any help would be appreciated! The masonry just looks much better without the gaps and stuff.

2 Subscribers
Masonry Breaking w/ Filter 1
Masonry Breaking w/ Filter 3
Submit Answer
Please login to submit answer.
1 Answers
Sort By:
Best Answer
1
Masonry Breaking w/ Filter 4
PickPlugins
Feb 03, 2018
Flag(0)

Welcome to our forum.
Filterable style grid still has no support for masonry style grid. we are using mixitup.js for creating filterable grid that doesn't support masonry currently. although we are trying to solve the issue.

also please note filterable style grid doesn't work on search.

Regards

Masonry Breaking w/ Filter 5
PickPlugins
- Feb 07, 2018 01:50 PM
Flag (0)
0

Glad to know that,

Regards

Masonry Breaking w/ Filter 6
taylor
- Feb 07, 2018 05:43 AM
Flag (0)
1

Works great!

I just turn the column-count under 768px to "auto" so it doesn't shrink up on mobile.

Thanks for the help!

Masonry Breaking w/ Filter 5
PickPlugins
- Feb 03, 2018 01:50 PM
Flag (0)
1

I have checked the masonry link for misitup, but its not perfect solution, although you can add masonry layout by adding simply this CSS, replace 3 by your own column number.

.post-grid .grid-items {
column-count: 3;
}

please keep Masonry enable > No

Let me know the result.

Regards

3+ more comments. Sign in to Reply
Replying as Submit