how to modify mobile/desktop page screen resolution threshold ?
-
the theme is responsive design , when I use browser dev tool with responsive dimension
when I use 1024px , it is still showing mobile view , so how can I change this threshold ?
like I only want the screen size below 768px to display mobile view, higher to display desktop view
Attachments:
You must be
logged in to view attached files.
Hi qtwrk555,
Thanks for reaching to us.
Sorry, but your question is a bit unclear to me. Please describe in more details, this will allow me to thoroughly investigate and address your concerns in a more efficient.
Kind Regards
please check my screen recording
you can see when I scroll it horizontally to change the width , when it reaches 1030-ish , it changes the rendering fro mobile view to desktop view or vice versa
so the 1030 px , seems to be the throttle , how can I change this value ?
for example , I want the width below 720px to be mobile , above to be desktop , instead of current way of below 1030px to be mobile and above to be desktop view
Hi qtwrk555,
Thanks for video.
Unfortunately, there is no such an option to change break-point. However, I kindly recommend you to test on real mobile / tablet devices instead. Because of responsive are usually the range of resolutions, not specific ones.
Kind Regards
oh come on , please , make an effort
it got be in the css file somewhere , I can manually change it
Hi qtwrk555,
Changing the breakpoint cannot be done with CSS only and there is no such options to control it.
You can add more breakpoints with Elementor https://elementor.com/help/mobile-editing/#add-a-breakpoint
Regards,
.
