Why isn't the hamburger icon visible on mobile for Sprucest Studio?

The Hamburger lines are not showing up on mobile view for spruceststudio.com BUT if you click the blank space where the lines should be, the menu pops up. How can I make the lines visible?

I am using Dawn theme.

Hi @sprucest ,

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find base.css file
  4. Add the following code just at the end of base.css file.
details#Details-menu-drawer-container svg.icon.icon-hamburger {
    display: block !important;
}

Result:

If you require further help to optimize or customize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
LuffyOnePiece

1 Like

Hi @sprucest ,

You can try this code by following these steps:

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

Step 2: Search file theme.liquid

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


Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

1 Like

thank you so much!