Wide Width Images + Blocks

[Math]

Hi,

When selecting the Wide Width option in the Gutenberg editor, I would like to have it as 1200px wide (including featured images). Can you please assist with this adjustment?

I tried the following and it works, but it messes up in mobile view.

.entry-content .alignwide, body:not(.no-sidebar) .entry-content .alignfull {
    margin-left: -220px;
    width: calc(100% + 440px);
    max-width: calc(100% + 440px);
}

[Leo]

Hi there,

What if you make that CSS desktop only with media query?
https://docs.generatepress.com/article/responsive-display/

Let me know if this helps 🙂

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

[Math]

Thanks. That helped,

[Leo]

No problem 🙂

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

[Author]

Posts