Why is my mobile overlay menu offscreen?

KylieN · January 2

Hi there!

I am trying to figure out why my mobile menu is going off-screen on mobile, or it is just not showing the entire screen initially. Nothing seems functionally wrong, it is just off-center. When I look at it on the mobile view on Squarespace, this is what it shows me:

But, when I visit my website on my Samsung s23, it shows this:

But when I zoom out, it shows it being centered:

and then when you exit after doing this, it shows a bunch of extra blank space on the sides of my website. How do I fix this?

Visit me website at meetkylienoble.com

tuanphan · January 3

This substack form causes problem

You can add this code to Website Tools (under Not Linked) > Custom CSS to fix problem

@media screen and (max-width:767px) {
iframe[src*="substack"] {
    width: 100% !important;
}
}

KylieN · February 10

Thank you so much!

Why is my mobile overlay menu offscreen?

Recommended Posts

KylieN

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Posted Images

tuanphan

KylieN

Create an account or sign in to comment

News

Circle Benefits

Events

Circle Day

Resources

Product Updates

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources