Something on the homepage is exceeding the width of the page and causing this 'overflow' of additional grey space. It's difficult for me to troubleshoot this from here because I don't have admin access to your site and this isn't happening on test sites where the same code has been added. However, the following should hide it:
#page {
overflow-x: hidden;
}
Thanks for the additional information @JessPlease. This issue is due to a conflict of styling between Squarespace and Lodgify, but it's solvable 🙂.
On Squarespace 7.1, Squarespace gives the main page element a classname of "container". Unhelpfully, the styling used by Lodgify uses the same classname of "container" and, as their code is added last, it overrides the page settings by adding 40 pixels of padding along the left and right sides!
The good news is that you should be able to override this with some Custom CSS. Add the following to Design > Custom CSS:
#page.container {
padding: unset!important;
}
Please let me know how you get on.
If this post has helped you, please click a 'Like' or 'Thanks' icon below ⬇️
JessPlease got a reaction from paul2009 in Adding javascript has messed with my site width – help!
