Horizontal scroll/off center on mobile

https://pug-violet-wsbr.squarespace.com/

Password is instruct

I'm having some issues with the mobile view on this site and I wanted to get some advice.

Depending on what device/testing area I use, the site either has a slight side to side scroll on mobile or the design is slightly off centre with the right side margin chopped off. Is there anything I can do to get it scaling neatly across mobile devices?

I also wanted to see if anyone can help with the top section on the homepage being very long. The section is set to large and fill screen and it looks great on desktop and the mobile view in editor e.g. section full height on viewport. But when I'm looking at it on an actual device the section is very long and you have to scroll. Eventually this will be a full height/full width background video and I need it to just fill the viewport on all devices.

Thanks!

Can you share your website URL?

1 minute ago, Ziggy said:

Can you share your website URL?

Sorry, I thought it was in the topic heading!

https://pug-violet-wsbr.squarespace.com/
password instruct

On 1/22/2024 at 7:03 PM, eleanormargaret said:

Sorry, I thought it was in the topic heading!

https://pug-violet-wsbr.squarespace.com/
password instruct

You can fix by adding this line to Website Tools (under Not Linked) > Custom CSS

body, html {
    overflow-x: hidden;
}

7 hours ago, tuanphan said:

You can fix by adding this line to Website Tools (under Not Linked) > Custom CSS

body, html {
    overflow-x: hidden;
}

 

That code didn't seem to make much of a difference but I worked out which section was causing the issue and rebuilt it using slightly different fluid engine grid settings. That seems to have fixed it so whatever it was is sorted!

Do you have any thoughts on reducing the height of the first section on the homepage? It is set to large and fill screen and it looks great on desktop and the mobile view in editor e.g. section full height on viewport. But on an actual mobile it's really, really long. Is there a way for me to force this section to always be the full height of the viewport?