Jump to content

Tutorial: How To Get Mobile/Burger Menu on Desktop

Recommended Posts

Hey everybody, a common question I've on the forums and in various groups is how to get a mobile/burger menu on desktop. I just posted a tutorial with a free script and instructions on getting a mobile/burger menu on desktop. 

You can use this to add a burger in addition to your desktop links or use it in place of your desktop links. I've included a demo showing the burger menu in use. 

You can find the article here: https://ryandejaegher.com/how-to-add-a-desktop-burger-to-squarespace-7.1/

If you have any questions about the script feel free to leave a comment below.  

Philadelphia, PA

👉 Squarespace Tutorials 

Chat/Message on FB Messenger for quickest responsehttps://m.me/dejaegherryan

 

Link to comment
  • Replies 5
  • Created
  • Last Reply
  • 4 weeks later...

Hi Ryan, 

Thanks for your tutorial - very helpful. I've added that onto my website. Yet the burger menu on the desktop appears to have a line underneath as if it is been highlited. Would you please help me out? 

https://plum-sapphire-2y3a.squarespace.com/

Also once I click on it, it appear it comes over the whole screen is there an option i can make this to come up only onto the left side of the screen in stead of undertaking my whole page once I click on it? 

Thanks for your help!

Link to comment
13 hours ago, VikCherneva said:

Hi @RyanDejaegher

Thank you for the code. Worked a treat.  Yet, I have changed the template to a dark one and now cannot see the burger, how can I edit the colours? 

Thanks in advance for your help!

If you share site url, we can check easier

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.