Actually, this issue picked my curiosity, and I wondered if we could equalize the post height responsively with a script.
I believe I came up with such a script.
So do not put any of the min-height rule I gave you, and let us try this first.
In each page where you need to equalize the height of posts, do the following:
- In the Create New Custom Filed section, click ENTER NEW
- In the name box, type postfooter
- In the value box paste the code below (in bold)
<script type=”text/javascript” language=”javascript”>
function weaverxUserOnResize() {
//Equalize post height
var wvrxPostHeight = 0;
//Calculate height of highest post
jQuery(‘article.post’).each(function () {
jQuery(this).css(‘min-height’,”); //Remove min-height
if(jQuery(this).outerHeight() > wvrxPostHeight) {
wvrxPostHeight = jQuery(this).outerHeight();
}
});
//Apply height as a min-height to every post
jQuery(‘article.post’).each(function () {
jQuery(this).css(‘min-height’,wvrxPostHeight + ‘px’);
});
};
</script>
- Then click ADD Custom Field
- Update the page
View the page and check if all the posts have the height. If not, post a link to the page that has the script inserted