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,

[Author]

Posts