Same height each post in grid, filter question
I would like to have my blog posts all the same height, regardless of content. Stretch isn't working for some reason.
I'd like to recreate this page: https://muffingroup.com/betheme/prebuilt-websites/
I'd like the same filtering with checkboxes and have the items on the right change to the chosen category.
I'd also like to change the number of columns on mobile and remove the filter. How is that done. My page: https://seaislandstay.com/experience-sea-islands/
Comments
Hello,
1) There is no setting to make all posts equal height regardless of the content they have.
As a workaround, you can use Query Loops, but they do not have filtering:
https://www.youtube.com/watch?v=maE0FuFIhjQ&list=PLyfUqkbtW2kxq8AY0SivMxX7kf2H9Y-Wf
2) You can create a sidebar with blog categories on the side, but please note that it will not have AJAX filtering, and the chosen category will be redirected to this category URL.
https://support.muffingroup.com/video-tutorials/how-to-create-sidebars-and-manage-them/
3) Changing the number of columns and hiding filters on mobile display requires a custom CSS code.
Do you need help with writing that?
If yes, please tell me how many columns you want to display on mobile.
Best regards
Yes, I would like the CSS. I would like 2 columns on mobile.
Was the site I referenced (https://muffingroup.com/betheme/prebuilt-websites/) built in Betheme? Is "live" filtering, like on your page, the same as AJAX filtering? What is this page built with, if not Betheme?
1) Please use the Following CSS code:
.blog_wrapper .posts_group .post{ width: 46%; margin: 5px; }Please put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.
2) No, the site you referenced is completely custom, and it was fully designed and coded by our dev team.
Best regards
Thank you.