Jump to content

Force mobile menu to remain on desktop site

Recommended Posts

Hello,

As per this question:

https://answers.squarespace.com/questions/34364/force-desktop-browser-to-use-the-hamburger-menumobile-navigation-drawer-instead-of-the-traditional-navigation-link-toolbar

I would like to know the same thing, however I would like the three line "hamburger" menu to be default and remain at all browser/viewing sizes. I am using the Bryant template.

If anybody has the answer to this it would be much appreciated!

Thanks, Natalia

Link to comment
  • 3 months later...
  • Replies 3
  • Views 15.2k
  • Created
  • Last Reply

Hey Natalia,

The trick is to "force" the mobile navigation to appear by making the #mainNavWrapper large enough.


#header #mainNavWrapper {
 position: relative;
 z-index: 1000;
 width: 3600px;
}

This can be entered in Design / Custom CSS.

Found the answer here if you need more information: http://answers.squarespace.com/questions/35784/bedford-how-to-force-mobile-navigation-icon-hamburger-at-all-times

Link to comment
  • 1 year later...

Archived

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

Guest
This topic is now 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.