Relume Community Icon
Relume Community
  • 🏠Home
  • 📅Events

  • 🔵Announcements
  • 🔵General
  • 🔵Getting Started
  • 🔵Issues
  • 🔵Showcase

Powered by Tightknit
Issues
Issues

Troubleshooting Mobile Menu Icon Visibility Issues in Webflow

Avatar of Maria D.Maria D.
·

Hi everyone! Any chance you can see what I’m missing here? I cannot see how I can make the mobile menu icon and background visible. https://preview.webflow.com/preview/harmon-site?utm_medium=preview_link&utm_source=des[…]e&preview=b5f0030899f8661c4055d79e8302cc1f&workflow=preview

11 comments

  • Avatar of Joey v.
    Joey v.
    ·

    Change the background color of each of the lines in the tablet breakpoint, they should cascade down to mobile

  • Avatar of Maria D.
    Maria D.
    ·

    Thank you! The background then looks weird due to the padding staying transparent. I can manipulate it manually to bring it somewhere but I was hoping that there was an easy fix I’m missing.

  • Avatar of Joey v.
    Joey v.
    ·

    You can remove the padding?

  • Avatar of Joey v.
    Joey v.
    ·

    Just make menu-icon1 24px and the padding is gone

  • Avatar of Maria D.
    Maria D.
    ·

    It’s still looking like this.

  • Avatar of Joey v.
    Joey v.
    ·

    You sure you changed the background color of each line? For me it works

  • Avatar of Joey v.
    Joey v.
    ·
  • Avatar of Maria D.
    Maria D.
    ·

    Ah got you now! I thought that comment was for the actual drop down menu, it worked now! Any idea why the drop down menu background doesn’t work?

  • Avatar of Joey v.
    Joey v.
    ·

    The background color of navbar1_menu is transparent on tablet and down, that's why 🙂

  • Avatar of Joey v.
    Joey v.
    ·

    Remove all classes from it (except the navbar1_menu of course) and set the background color, then re-add those same classes

  • Avatar of Maria D.
    Maria D.
    ·

    I did it a slightly different way but it worked, thank you!

    🙌1