Jump to content

Page display on mobile/iphone 13 missing header information bar and hamburger

Recommended Posts

Site URL: http://lbeedesigns.com

Hi forum - 

I am having an issue with mobile view of my website on different devices.  Template is Jaunt.   The first view is how it should look on mobile with the white bar and the hamburger and my logo at the top.  The "problem" home page is how the site is viewed in standard mode on my new iPhone 13 - no white bar or hamburger or logo and the social media/shopping bag are overlapped on the announcement bar.  Oddly, if I turn my view on the iPhone 13 to "Zoomed"  from standard - the white bar, etc. are there but most people keep their phones in standard view which creates a problem. 

On the iPhone 13 without the white bar, there is no way to navigate to my various pages on my site.  

I reached out to Squarespace help and they did not have a solution for me.  Wanted to see if anyone else has encountered this issue or if there is some CSS available to fix this.  I am not a programmer! 

Many thanks! 

- Lori

LBEE correct view.jpg

LBEE problem home page.jpg

Link to comment
  • 2 months later...
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

On 4/25/2022 at 12:43 AM, lorib said:

Site URL: http://lbeedesigns.com

Hi forum - 

I am having an issue with mobile view of my website on different devices.  Template is Jaunt.   The first view is how it should look on mobile with the white bar and the hamburger and my logo at the top.  The "problem" home page is how the site is viewed in standard mode on my new iPhone 13 - no white bar or hamburger or logo and the social media/shopping bag are overlapped on the announcement bar.  Oddly, if I turn my view on the iPhone 13 to "Zoomed"  from standard - the white bar, etc. are there but most people keep their phones in standard view which creates a problem. 

On the iPhone 13 without the white bar, there is no way to navigate to my various pages on my site.  

I reached out to Squarespace help and they did not have a solution for me.  Wanted to see if anyone else has encountered this issue or if there is some CSS available to fix this.  I am not a programmer! 

Many thanks! 

- Lori

LBEE correct view.jpg

LBEE problem home page.jpg

I check that there are some codes that make social icon fixed. Do you have any idea of them?

image.thumb.png.bd2919fd5e8767f4c8f340680ac8428d.png

Which style do you want to work with?

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

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.