Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account
Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on WordPress.org (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

GeneratePress GenerateBlocks

em unit media queries break responsive view for version 2 blocks

  • Anonymous
    July 30, 2025 at 6:52 am

    This is a follow-up to a related topic from before (Global Styles Media Query Customization), but I’m running into a new kind of problem.

    I can successfully customize the default media queries for the new version 2 blocks in GenerateBlocks. However, if I use either em or rem units instead of px to do the media queries, the responsive view menu on version 2 blocks breaks. I can click the buttons, but they do not resize the editor iframe.

    I do not see anything in the browser console that indicates an error when a responsive view button is clicked–it just doesn’t do anything.

    Do you know what I can do to address this?

    Thanks.

  • Ying
    July 31, 2025 at 4:08 pm

    Hi there,

    Sorry for the late response.

    The current state of the WordPress editor window doesn’t allow full control over the responsive widths
    So it cannot recognize non-pixel units or provide more granular sizes at this time, unfortunately!

  • Anonymous
    August 1, 2025 at 4:40 am

    Ah, interesting.

    Is there a way to have GeneratePress/Blocks use non-pixel units but not force the editor to try to adhere to those sizes/units? If it helps in investigating it, I have found that while the responsive views for the new version 2 blocks don’t work, if I have an old version 1 block on the same page, I can use the responsive view buttons on that block to change the editor size. And the version 2 blocks with the non-pixel units render correctly according to their non-pixel media query styles.

    So I can keep a code snippet of an old version 1 block, switch to the code editor view, and paste it in. Then I can select that block and use the responsive controls if I want to switch the editor size. I’ve tested this, and it works. But it’s obviously a very annoying workaround.

    Is there any other way to allow the editor to resize in this situation? I guess I basically need whatever way the old blocks use to trigger the responsive view sizes, because that does still work, even with my changes.

    Thanks.

  • Tom
    August 8, 2025 at 7:45 pm

    Hi there,

    Version 2 should work like version 1 does, but in this case, it may not know what to do because of the unit you’re using.

    We’re going to have to introduce a parsing system so we can set the editor width to the width that makes sense with any and all at rules. We currently do this, but obviously it’s only parsing px values.

    I’ve made a note of this so we can look at improving it in the next version of GB.

    Thanks!

  • Anonymous
    August 11, 2025 at 5:06 am

    That would be great. Thanks!

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.