Hamburger

Site URL: https://autumnfarmsanctuary.org/

Hello!  This is my first post on any forum!  Woohoo!!  Anyway, I have way too many pages on my homepage and I like the clean "hamburger" icon look.  I've tried to put some CSS codes in, but they move everything around weird.  If anyone has any input, it would be appreciated:)

You want to convert all pages to hamburger icon, like on mobile?

yes please!

Any help would be greatly appreciated!

21 hours ago, AutumnFarmSanctuary said:

Any help would be greatly appreciated!

 

There have been 2 solutions on the forum about this, but I don't remember the exact link. You can search on Forum: force mobile header on desktop squarespace 7.1

/* 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;
}
}