[Resolved] Changing the default responsive breakpoint for mobile

[mkjj]

I would like to change the default breakpoint for mobile devices (768px). I could override the media queries in my child CSS. But I would prefer a more elegant solution so that I don’t have to find all CSS rules that have to be changed. I found this solution here, but it does not work in my case. It simply does not change anything (no overriding media queries in my child CSS). Do you have a suggestion how to fix this? The breakpoint is usually ok, but it can cause some issues with more than 3 footer widgets. The columns will get too narrow.

Thank you!

[David]

Hi there,

that method is the only method of changing the Theme breakpoints for Dynamically generated CSS.
The static stylesheets are just that, and unfortunately @media doesn’t support CSS variables so they cannot be dynamically updated.

If the issue is only with the footer widgets or a sidebar breakpoint then its best handled by Custom CSS.

[mkjj]

Hi David,
ah, ok. I thought, “static” meant the custom child CSS. Not a big deal. I’ve just wanted to make sure that I don’t miss anything.

Thanks for the super fast reply!

Mike

[David]

No problems 🙂 Glad to be of help

[Author]

Posts