Jump to content

Full height index pages in mobile Safari 15 (Brine 7.0)

Recommended Posts

Site URL: https://www.ktrestaurants.com/


I create most of my sites with Brine and rely heavily on the feature of setting certain Index pages to the full viewport height (100vh) especially the first page hero. I also like to use the scroll-indicator feature which sits at the bottom of the page.

With Safari 15 on iOS there is now a bottom tab/location bar that covers a portion of this "full-height" section. When you scroll down the tab bar goes away, but on initial page load it is blocking the scroll indicator as well as part of the background image. Basically this breaks setting height to 100vh.

Has anyone determined a way to ensure that this content is reliably placed above this bar and not obscured? Does anyone know if Squarespace is working on any kind of fix for this feature on iOS? I've haven't had any luck so far.

Link to comment
  • Replies 0
  • Views 230
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

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.