Why is the hamburger menu not working on the Dawn theme?

Store Design
,
1

Hey, my site is www.canyonvalley.store and the hamburger menu on mobile needs to be fixed. It will recognize when I click the menu but nothing populates besides an opaque grey rectangle.

Honestly, I want to remove the menu hamburger icon and have it list the main menu on mobile like “shop about” as it does on the Desktop version.

If anyone could help that would be awesome!

Screenshot 2023-02-24 at 12.12.01 PM.png
Screenshot 2023-02-24 at 12.12.01 PM.png1694×951 505 KB

2

@CanyonStewart

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

@media screen and (max-width: 989px) {
header-drawer {
  display: none;
}
.header .list-menu.list-menu--inline {
  flex-wrap: nowrap;
  display: flex;
}
  .header__inline-menu {
  display: flex;
  grid-area: unset;
}
}
@media screen and (max-width: 428px) {
  .header .list-menu.list-menu--inline {
  flex-wrap: wrap;
}
}