Skip to content

Snippet: Disable the Match Equal Heights Class on Mobile

Important: Important: Since Total version 5.10 most equal height options have been updated to use CSS flex styles so this code should no longer be needed.

When using the theme's match-height-content classname for creating equal height items using javascript, the height is applied across all screen sizes and devices, since it's impossible to know whether you want this to happen or not. If you wish to prevent the equal heights on small screens you can use some CSS to reset the heights.

​@media only screen and (max-width: 767px) {
     .match-height-content { height: auto !important; }
Back To Top