Issue with responsive view in editor


I changed the tablet breakpoint to 768px. When I select the tablet view in the editor the view does not get small enough to trigger my custom breakpoint.
I think it was possible to adjust the width manually? But I can’t find how this works anymore.

Screenshots, screen recording, code snippet

Bildschirmfoto 2023-07-14 um 15.28.37

Environment info

  • WordPress version: latest
  • Cwicly Plugin version: latest

It seems the issue was cache.

After changing the breakpoint it is necessary to clear all browser cache.

Hi @Jonas,

This isn’t a bug per say, but a Gutenberg quirk.

As the Gutenberg tablet view is set to 778px in the editor, if you set your breakpoint to something lower (as you did at 768px) you won’t ever see the changes being applied.

So I would suggest to set a higher breakpoint to avoid this issue.

This works in the Template part editor, as the editor’s tablet view is modular, as it can be more freely set with the drag handles.

Hi @Araminta,

thanks a lot for the explanation!
You are right. I mistakenly thought it is a cache problem because I set 786px as breakpoint by accident and it worked after that – as it should like you said.

So 778px is fine for me. Thanks! :slight_smile: