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

here are some screenshoots of the issue:

https://files.fm/u/quu8rwkxe

I was wondering if any word press experts could please assist me with my issue that i’m having on my website.

I know that all screens, desktop and laptop are automatically set to 100% screen size view. However, when my laptop 15 inch is set to 100% the content of the website appears to be zoomed in, making the site (widgets, menu, layout size) look out of place, only if the laptop screen size is set to 80% does it then look normal. Though on my 24 inch desktop, the 100% screen view is all perfect. I know you make changes for phone, tablet and dektop, but i’d like to know how to make the website responsive for all different desktop screen sizes, big and small. 

How do I do this?

Thanks in Advance,
Laikha

I was wondering if any word press experts could please assist me with my issue that i’m having on my website.

I know that all screens, desktop and laptop are automatically set to 100% screen size view. However, when my laptop 15 inch is set to 100% the content of the website appears to be zoomed in, making the site (widgets, menu, layout size) look out of place, only if the laptop screen size is set to 80% does it then look normal. Though on my 24 inch desktop, the 100% screen view is all perfect. I know you make changes for phone, tablet and dektop, but i’d like to know how to make the website responsive for all different desktop screen sizes, big and small.

How do I do this?

Thanks in Advance,
Laikha

I trust you are well.

I really hope that you will be able to assist me with a 404 page not found error when accessing a page with short code [sp-client-document-manager] addon . I have also added that a login is required to access the page.

Now when trying to access the page through the website it redirects me to a 404 error page. It doesn’t do it all the time, but most of the times.

The website URL [Moderated: redundant link removed] with a Document mgr option to access the page

Hope to hear from you soon.

Kind regards, Robert

If it has any solution, I’ll appreciate if you let me know!

Thank you!

Today, I can access the full thing on an iPad and an Android phone but the issue remains when on desktop.

I tried Chrome and Torch but the blank page is still there. I upgraded my browser, rebooted my laptop, and cleared cache, etc. but the problem persists.

Our director and the tech guy tried helping me since the rest of the team can work on the posts jist fine. It’s just me on my laptop.