Website broken after update

Hi there,

Can you clear and disable your caching plugin first?

Let me know :)

I did that and it’s not changed.still the same.

Any chance you can disable all plugins except GP Premium for us to take a closer look?

Thanks :)

All deactivated.

So what is broken currently?

The navigation not turning into toggle on mobile?

If so what is your setting here?
https://docs.generatepress.com/article/mobile-navigation/#using-gp-premium

The posts on the front page were 3 columns and 3 rows. But now it’s showing up as 2 columns and 5 rows. The footer widgets were 1 row 3 columns But now it’s 2 columns and 2 rows. It’s ok on mobile but not right on a notebook.

Hi there,

I'm still seeing caching activated. Can you make sure all caching plugins and Autoptimize are deactivated so we can inspect further?

Which GP Premium version did you update from?

Thanks!

Apologies it’s all been deactivated- not sure what version I updated from but there were 2 updates. The 1st update left the side real badly broken but the 2nd update fixed it all but left it with the current problem.

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%;
    }
}