skip to Main Content

Disable the Match Equal Heights Class on Mobile

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