Jump to content

Need Burger Mobile Menu to be Unclickable When Hidden

Go to solution Solved by Ziggy,

Recommended Posts

  • Solution

It looks like you are using this to hide the menu:

visibility: hidden;

If you use this instead then it will not load rather than just being hidden:

display:none;

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!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment
2 hours ago, LocalPlantSupply said:

logo is now off center

Try this code instead of what you have:

.header .header-burger {
    display: none;
}

 

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!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment
  • 1 month later...
Posted (edited)

@Ziggymy logo on desktop and mobile is still off center with the following CSS:

<style>
.burger-box , .header-burger , .header-nav , .sqs-button-element--primary {
    display:none !important;
  }
</style>

I am going to switch it back to visibility:hidden temporarily as I'd rather have it invisible and clickable than an off center logo until I have a working fix. On desktop it shifts to the left, on mobile it shifts to the right. I tried a few things from other forum posts here but none are working for me. Thanks in advance!

Edited by LocalPlantSupply
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.