Jump to content

Squarespace Query for Iphone Landscape

Recommended Posts

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.



Link to comment
  • Replies 1
  • Views 226
  • Created
  • Last Reply

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.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment


This topic is now archived and is closed to further replies.

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.