Jump to content

Nav bar overlapping first page sections on mobile

Go to solution Solved by RDIGITAL,

Recommended Posts

 

Working on a site and the mobile nav is overlapping with the first section of each page except homepage.

Additionally, the first sections on each page are not loading at the top of the section but instead loading midway into the section cutting off content and shifting some elements in the first section down, overlapping with the second section (https://hibiscus-dachshund-wk7b.squarespace.com/config/design)!

This is only happening in mobile. Can someone help with CSS code for these problems? 

password: forumhelp

THANK YOU!

 

 

1802988878_Screenshot2022-11-29at11_14_25AM.thumb.png.d1676197d70b0945f702fc0aeb602637.png719198507_Screenshot2022-11-29at11_14_38AM.thumb.png.7b2517c654ae0b20e3683b998a28cfbe.png1624919379_Screenshot2022-11-29at11_14_50AM.thumb.png.6e2048fd74fef6bcf9a2af1fef521847.png

Link to comment

Hi @RDIGITAL, I can see the problems you are describing. This shouldn't be happening, are you doing anything with code injection or Custom CSS that might be causing a conflict?

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

📈 SEO Space (Referral link)
Ⓜ️ 
Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

This is a problem line, it's hard limiting the height of the first section of every page:

image.png.496558b55689acf28fb7d4e42373b91f.png

I'm not exactly sure what it's trying to achieve, but it's a big problem for every other page of your website.

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

📈 SEO Space (Referral link)
Ⓜ️ 
Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

Yes I did remove those for you, I used a double forward-slash // to grey out a couple of lines so it doesn't get read by the browser. You can delete those lines if you no longer want them.

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

📈 SEO Space (Referral link)
Ⓜ️ 
Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

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.