Website broken after update

[guevara]

My site has just updated to 1.12.0-beta.1 and it’s kind of ok on my android but broken on my iPad – I don’t have access to my laptop so I am unable to check. Please help

[Leo]

Hi there,

Can you clear and disable your caching plugin first?

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[guevara]

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

[Leo]

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

Thanks 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[guevara]

All deactivated.

[Leo]

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

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[guevara]

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.

[Tom]

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!

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[guevara]

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.

[Tom]

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

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts