Hi all,
I’m using the Gutenberg Editor with the Byrne theme (I have no idea if it’s the best theme, but it seems to work) – and I’m trying to style a posts layout using the PostX Plugin.
Is there any way to set custom breakpoints for plugins? Essentially, my layout looks great on big screens, but it starts to look messy shortly before it hits the default tablet breakpoint.
I’ll be honest in saying that I’ve looked at previous posts about this, most of which discuss CSS solutions, but I’m a complete newbie – I know how to implement CSS, but I don’t understand what the code means (and honestly, I find code very difficult to get to grips with).
Is there any simple solution to this problem? I thought perhaps there might be a plugin that contains custom blocks with unique breakpoints. Or is there any specific piece of CSS code I can just drop in with a custom width?
As far as I understand it, there are only three breakpoints (mobile, tablet, desktop) and I’m assuming my best option is to try and override the default tablet width. It would, however, be great if there’s some way to add a fourth breakpoint for smaller desktop screens.
Anyway, sorry for the long post! I can’t show my site unfortunately as it’s still not been published.
[ad_2]
Hey there, In the gutenberg, It simply depends on the block plugin about what breakpoints they’re using. It’s a basic feature, but i’ve hardly found it in any gutenberg blocks plugin so far.