Archived topic
Changing the default responsive breakpoint for mobile
3 replies · Started by mkjj on January 19, 2023
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!
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.
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
No problems :) Glad to be of help