Jump to content

Adding hamburger menu ONLY for mobile view and NOT desktop view

Recommended Posts


My client has custom navigation for her site in desktop view. Instead of accessing pages through the hamburger menu or tabs, we are using buttons (as seen in attachments).  Because of this we don't have any pages in the "Main Navigation" editing section and all our pages are in "Not Linked". This then means that in mobile view we do not have anything in the hamburger menu and you still need to click on our custom buttons to navigate the site. The problem is that when viewing the site in mobile view, the website looks cluttered. I was hoping of hiding the navigation buttons and instead using the hamburger menu for mobile's navigation.

Is there a way to have pages in the hamburger menu but ONLY for mobile and NOT desktop view? 

The attachments show what desktop and mobile view look like for our site. It also shows what happens when you click on the hamburger in mobile.

Screenshot 2023-03-24 at 9.07.44 PM.png

Screenshot 2023-03-24 at 9.08.11 PM.png

Screenshot 2023-03-24 at 9.08.21 PM.png

Link to comment
  • Replies 1
  • Views 155
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

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.