Selectors?

Hello powerfulyou,

I’ve taken a look at your site, and I think the reason it isn’t working is because you’ve set a breakpoint of 2000 pixels. The breakpoint is the screen width under which you don’t want to the plugin to equalize the heights, so in your case this is saying “Don’t equalize the heights if the screen is not at least 2000 pixels wide”.

You can confirm that it is indeed working if you enter this into the console:

jQuery( '.content, .sidebar-primary' ).initEqualHeights();

That calls the script directly, without setting a breakpoint, and it works, but right now you don’t have the white background color on .sidebar-primary, so it’s difficult to notice that it works. I’d recommending putting the white background on .sidebar-primary so that you get the look of Equal Height Columns.

I usually use a breakpoint of 768, which is an iPad in portrait orientation, so that I get the equal height columns on iPads and bigger but not on iPhones, but it all depends on your theme’s mobile breakpoint.

Please try a lower breakpoint and let me know if it works for you, and thank you for using Equal Height Columns.

Hi Braad,

Thanks for the help. It worked.. however, now my content extends past my footer. If I deactivate the plugin, the footer extends to the bottom of content.

Love the plugin and would love to use it.

https://powerfulyou.com/network/chapters/chaptersct-southwest/.
Theme Genesis.

Hi powerfulyou,

I just checked your site and I’m not seeing a sidebar anywhere to test this with. Can you please provide any more info that might help us resolve this problem? Did you remove the sidebar (was it ever there)? Thanks!

Hi Mickey,

Here is a page where the content extends past the footer:
https://powerfulyou.net/chapters/ct-southwest/

Here is a page that works properly:
https://powerfulyou.net/category/business/business-growth/

Thanks so much!

Looks like this page works because you’re dynamically loading in content on window.load, after this plugin has fired it’s functionality (notice how if you adjust your screen size by dragging the window, the columns are equalized). The simples fix for this is to fire a slightly delayed call to triggerEqualHeights(), or just to resize the window, which will re-trigger the EHC calculation.