Help With Laptop Responsiveness Inconsistency ?

  • durdygirdy

    (@durdygirdy)


    1 year ago

    Hi all,

    I’m working on making my site responsive across all devices, but i’m having extra trouble on laptops…

    So when I am working on the site on my desktop with a widescreen monitor, and I am on the laptop custom breakpoint in the Elementor editor, everything looks perfectly fine (video linked showing this). This video shows me working on the editor from my desktop computer. You can see that the text in the first section looks fine on the laptop breakpoint here

    But when I am working in the editor on my laptop or even viewing the site on a laptop, the text paragraph on my hero is pushed to the left (video attached showing this). This is on multiple laptop devices. The laptop custom breakpoint on Elementor is from 1201 px to 1366 px. This issue typically occurs when the screen size is between 1367px and 1880px (linking a video showing this). But the minimum size for the desktop breakpoint is 2232px I believe. That means there are devices between the Elementor Desktop and Laptop breakpoints that are not accounted for. In the second video linked i’m working on the editor but this time on my actual laptop computer. You can see the text goes out of place when at 1366px even though it was just fine when I was working on it on a desktop (first video linked)

    I’m just so confused, I seem to have trouble with responsiveness mainly for laptops. Does anyone have any suggestions? Like is there a way to add my own custom breakpoint between the Desktop and Laptop breakpoints?

    Link to site

    • This topic was modified 1 year ago by durdygirdy.
  • The topic ‘Help With Laptop Responsiveness Inconsistency ?’ is closed to new replies.