Hamburger Menu issue

Helpdesk Website Builder
1

I am having an issue where the hamburger menu on mobile displays the menu as white/transparent which makes it essentially invisible.

I have checked the global settings and my text is set to black there.

Suggestions?

Here is the website code 1827040.

1 Like
2

:waving_hand: Welcome to the community, @Scary_Jello!
We’re thrilled to have you here — thanks for reaching out with your first post!

You’re absolutely on the right track by checking the global settings. The issue you’re experiencing with the hamburger menu appearing transparent or white on mobile is most likely due to the mobile menu background color not being set properly. This makes your black text virtually invisible on a light or transparent background.

:hammer_and_wrench: Here’s how to fix it:

  1. Open your site in the Sitejet Designer using your website code: 1827040.
  2. Switch to Mobile View (top toolbar).
  3. Click on the navigation menu (hamburger icon).
  4. In the right settings panel:
  • Locate the Menu Panel → Background color.
  • Set it to a dark solid color like #000000 (black) or #333333 (dark gray) to give your black text the contrast it needs.
  1. Preview and publish to confirm the fix!

:light_bulb: Bonus (Optional):

If you want a CSS solution instead, just drop this in your Custom Code section:

css

@media (max-width: 768px) {
  .main-navigation .nav-menu-wrapper {
    background-color: #000000 !important;
  }
}

:raising_hands: You’ve already done great by identifying the issue clearly — that’s half the battle! Keep building, exploring, and asking questions. Every great developer starts with curiosity, and this is just the beginning. You’ve got this — and we’ve got your back :flexed_biceps:

Welcome again to the Sitejet community! :glowing_star:

1 Like
4

That resolved it. It wasn’t exactly where you said, but that is likely just versioning differences or me not being up on the sitejet terminology.

Thank you.

2 Likes