Jump to content

How to make top header appear below the navigation bar on mobile?

Recommended Posts

I've been searching for answers but can't seem to find a solution here. When I preview my site for desktop, my embedded top header scroll bar appears right below my navigation, as it should. However, when I preview on mobile, the header appears above my navigation bar, with a large padding/empty space surrounding. Here is the code for my embedded header, nothing modified apart from the percentages:

<iframe 
width="100%" height="100%"
        src="https://xd.adobe.com/embed/a42b60e7-298c-4428-a8a6-c8b95f04e482-f178/" frameborder="0" allowfullscreen>
</iframe>

The attached screenshot is how my site is appearing on mobile. Any help would be very appreciated. Thanks!!IMG_557AD6D23056-1.thumb.jpeg.17aaa9fd914b6c05f11e7cd3d84ae824.jpeg

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

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • 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.