Equal Height Columns
Easily equalize the height of columns or any collection of elements.
The facts
- Rating
- 4.9★ from 41
- Active installs
- 10k+
- Price
- Free
- Last updated
- 10 Mar 2026
- Added
- Mar 2015
- Requires WP
- 3.5
- Tested up to
- WP 6.9.7
- Downloads
- 100,127
Our analysis
AI-assistedEqual Height Columns is a WordPress plugin that allows you to equalize the height of various columns and elements on your site. It targets unlimited elements using simple CSS or jQuery selectors and can be configured to activate at specific screen sizes. The plugin is designed to work across all modern browsers and is fully responsive, adjusting automatically on window resize and orientation changes.
This plugin is suitable for developers and site owners who want to ensure a consistent look for their columns and elements, particularly in responsive designs. It features an easy-to-use admin interface and provides options for manual triggering of height equalization, making it flexible for various use cases.
Best for: This plugin suits developers and site owners looking to maintain consistent column heights in responsive layouts.
What it does well
- ✓Targets unlimited elements and groups
- ✓Fully responsive and works on mobile devices
- ✓Easy to use admin interface
- ✓Custom event listener for manual triggering
- ✓Compatible with PHP 8.2
Where it falls short
- •Limited information on advanced features
- •No clear indication of support or updates beyond March 2026
Verdict
Equal Height Columns is a straightforward solution for achieving uniform column heights, particularly useful for responsive designs. It offers flexibility and ease of use, making it a valuable tool for developers.
From the developer
MIGHTYminnow's own description of Equal Height Columns, lightly tidied.
Compatible with PHP 8.2
Like this plugin? Please consider leaving a 5-star review.
Equal Height Columns lets you easily equalize the height of various columns and elements.
Features
- Target unlimited elements and element groups
- Specify simple CSS/jQuery selectors to target elements
- Specify breakpoint to kick in only at certain screen sizes
- Easy to use admin interface
- Heights are equalized immediately after the page has loaded
- Fully responsive (automatically updates on resize and orientationchange events)
- Works on mobile devices
- Works across all modern browsers (including IE8)
- Comes with custom event listener to manually trigger
- Super small – 8kB jQuery file size
- Trigger custom ‘equalheight’ event to force resize
Instructions
- Navigate to Settings > Equal Height Columns in the WordPress admin.
- Enter a selector and breakpoint for the first column group.
- Add/remove column groups by clicking the “+ Add More” and “Remove” buttons.
Advanced
Want to trigger the equalizing of the heights manually? No problem. You can skip entering a selector on the settings page and call the jQuery script yourself using one of two functions:
jQuery( '.selector' ).initEqualHeights();
// Or
jQuery( '.selector' ).equalizeTheHeights();
The difference between these two functions is simply that initEqualHeights() will set up all the events for recalculating the heights when the window is resized or the global equalheights event is triggered, but equalizeTheHeights() will simply equalize the heights without involving any events.
Both functions take three optional arguments, the minimum height (number of pixels), maximum height, and the breakpoint (below which the heights will revert to their original size):
jQuery( '.selector' ).initEqualHeights( minHeight, maxHeight, breakPoint );
So an example might look like this:
jQuery( '.selector' ).initEqualHeights( 200, 500, 768 );
When entering a selector on the settings page or using the initEqualHeights() method this plugin also adds an event ‘equalheights’ to the window, allowing you to easily trigger the equalizing manually. This is useful if you have added new items to the page after it loads via AJAX. You can trigger the event like this: