Hi there,
I’m not seeing anything broken.
The columns turn to two columns on tablet by default as they have the tablet-grid-50
class. This has been the case since we introduced columns.
You can remove that class like this:
add_filter( 'post_class', function( $classes ) {
return array_diff( $classes, array( 'tablet-grid-50' ) );
} );
The same applies to the footer widgets. To force them to remain in 3 columns, you can do this:
@media (max-width: 1024px) and (min-width: 768px) {
.inside-footer-widgets>div:nth-child(odd) {
clear: none;
}
.inside-footer-widgets > div,
.active-footer-widgets-3 .footer-widget-3 {
width: 33.333%;
}
}