Mobile screensize breakpoint

Hi @meushar I’d first love to understand better in what way you’re trying to change the mobile-menu breakpoint: are you trying to get the mobile menu to be displayed earlier (at a wider screen size) or later (at a smaller screen size), and why?

There isn’t currently a built-in way to modify the mobile-menu breakpoint, although that may be a feature added in the future, as Site Editing continues to include more options and flexibility.

Until then, I haven’t tested it, but might like to give this plugin a try, as it says:

Enhanced theme blocks. Twentig extends the Gutenberg blocks that structure your entire site with advanced settings like navigation breakpoint, responsive logo width, menu icon, post excerpt length, featured image aspect ratio, and many more.

https://www.ads-software.com/plugins/twentig/

Thanks Kathyrn.

I appreciate the reply.

I want the tablet display to also have the compressed navigation menu.

Changing style.min.css is silly because the next upgrade will override it.

Ill have a look at the plugin.

Many thanks.

Hi @meushar,

Changing style.min.css is silly because the next upgrade will override it.

That’s right, however, if you are comfortable writing the CSS to do the override, you could place it in the Additional CSS panel instead, which wouldn’t be overwritten when the theme is updated.

Although block themes like Twenty Twenty-Two hide the Customizer by default, you can still access it by adding wp-admin/customize.php after your URL, and add your custom CSS in the Additional CSS panel.

Ill have a look at the plugin.

Great! Please let me know if that does the trick; it could be simpler than writing custom CSS to change the breakpoint.