Squarespace Query for Iphone Landscape

Site URL: https://www.risingtidetravel.com/home

Hey Forum members! 

I am having trouble with a client's website at http://www.risingtidetravel.com

My client pointed out that while the mobile experience is properly responsive in portrait mode, when rotated to landscape everything breaks. I don't know what is causing this and I have been scrawling a solve for a couple of hours now. Nothing seems to be working that recognizes and maintains the portrait responsively whilst accommodating the new rotation.

PLZ HELP ❤️ 

Following are observations. I don't have a solution.

I only looked at the home page. I first looked at the page on a mobile sized screen in vertical orientation. I noticed right away that there is an overflow issue happening.

Disabling all the custom CSS made the issue go away.

With the custom CSS enabled and in horizontal orientation.

We can see the same overflow problem and other issues.

And with the custom code disabled.

The following rulesets seem to be the cause of the issues I noticed.

    .sqs-block-horizontalrule hr {
        position: absolute;
        width: 150vw;
        margin-left: -10vw;
        margin-top: -2vh
    }

I suggest disabling those rulesets until you can come up with a better solution for full bleed line blocks.