[Resolved] Problem with full-width blocks after upgrade to 3.21 and 2.2.0

[Eric]

I’m testing the upgrade to GP 3.21 and GP Premium 2.2.0 on a staging site. After upgrading, some of my full-width blocks no longer work properly. Without changing anything on the page, a block at the top of the page functioning as a hero block and with the container set to full-width now only appears with a contained width. Links to sample pages having this problem are provided.

[David]

Hi there,

in your Customizer > Additional CSS you have this:

body {
    position: relative;
    display: flex;
    flex-direction: column;
}

Children inside a flex column that do not have an explicit width will collapse to their content.

If you remove that CSS then the problem will go away.
If you want to keep that CSS then you need to add this to:

.full-width-content .container.grid-container {
    width: 100%;
}

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

[Eric]

Ah, thanks for catching that! I’m not actually sure why that CSS was there — I must have been testing something else on my staging site. All is well now that it has been removed. 🙂 Thanks!

[David]

Glad to be of help!

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

[Author]

Posts