Jump to content

Burger menu on main site

Recommended Posts

Site URL: http://pleasurecontrol.org

Hi there 

Is it possible to get the exact same burger menu from the mobile version to the main site. Already, I know that I will have too many navigation links so if I could hide the links in a burger menu, it would be most preferable. I customized my burger menu icon, so if I could just force that on to the main site it would be perfect.

Link to comment
  • Replies 4
  • Created
  • Last Reply

Top Posters In This Topic

I don't know what this code will do with your custom burger icon. 

/* 768 for tablet - desktop - 992 for desktop */
@media screen and (min-width:768px) {
 /* hide navigation */
    .header-nav {
    display: none;
}
/* Hide header button */
.header-actions {
    display: none;
}
/* show burger */
.header-burger {
  display: flex;
}
/* Show overlay mobile menu */
.header--menu-open .header-menu {
opacity: 1;
visibility: visible;
}
}
Link to comment

Thank you so much! This worked! 

Only issue I am having is how to make the menu not cover the whole screen and reducing the space between the navigations links. I can reduce the space for mobile version, but not for the desktop version. Any suggestions? 

Link to comment
  • 1 year later...

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.