Jump to content

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

Recommended Posts

Posted

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

  • 2 months later...
  • Replies 1
  • Views 504
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Posted
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?

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Pinch/Zoom images, videos - PDFs Lightbox - ...) </>  🗓️ Delivery Date Picker (Date picker form field)
Gallery block 7.1 workaround </> 🤖 Ask me anything

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.