Need Help With Hamburger Menu on Desktop for Sense Theme

Store Design
, ,
1

Can’t seem to locate any code to paste in the liquid or base CSS to get a working hamburger menu on the desktop version of the sense menu. Any guidance or assistance would be greatly appreciated.

2

Hello @Quagsire

I would like to give you a solution to support you.

You can follow the below steps to get the working hamburger menu on the desktop:

  1. Go to Online Store → Theme → Edit code. https://prnt.sc/elKuwYWlBrEo

  2. Open your base.css in the Assets folder.

  3. Paste the below code at the end of the file. https://prnt.sc/a9GSLvXhnol2

@media screen and (min-width: 990px){
  .header__inline-menu {
      display: none;
  }
  .header:not(.header--top-center)>.header__search, .header--top-center *>.header__search{
    display: inline-flex;
  }
  header-drawer{
    display: block !important;
  }
  .header:not(.header--top-center) *>.header__search, .header--top-center>.header__search{
    display: none;
  }
}
  1. Save the file and double-check.

Best regards,
GemPages Support Team

1 Like
3

Worked perfectly! Massive thank you!