Jump to content

Navigation is 'behind' logotype on Mobile, SqSp 7.1 and unclickable

Recommended Posts

On newly published client website, www.jazzikology.com in SqSp 7.1 FE, mobile view on the menu page…the navigation menu is 'behind' logotype and therefore unclickable

• I don't need the logo on the menu page.

• I do need the logo on the home page. 

What is the best way to handle this? Why is it happening?

Screenshot is from iPhone13Pro. 


Link to comment
  • Replies 2
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

After several attempts and inspecting the code. This workaround oddly did the trick.

// MOBILE Hide Logo or Site Title When Menu Is Open - 7.1 //
.header--menu-open .header .header-title-logo img, .header--menu-open .header .header-title-text a {
  display: show !important;
  margin: 0px 0px 0px -1000px !important;

A display of 'none' (or 'hide') did not work and you can see I moved the 'img' off the screen to the left. The combination seems to work. Not pretty, but functional.

But why is this happening in the first place?


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.