# Hamburger Menu issue

**URL:** <https://community.sitejet.io/t/hamburger-menu-issue/4960>\
**Category:** Website Builder\
**Tags:** cms\_menu\
**Created:** [July 11, 2025, 8:41pm UTC](https://community.sitejet.io/t/hamburger-menu-issue/4960 "2025-07-11T20:41:16Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Scary\_Jello](https://avatars.discourse-cdn.com/v4/letter/s/85e7bf/32.png) [@Scary\_Jello](https://community.sitejet.io/u/Scary_Jello)\
**Post date:** [July 11, 2025, 8:41pm UTC](https://community.sitejet.io/t/hamburger-menu-issue/4960/1 "2025-07-11T20:41:16Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![Kalisperakichris](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/kalisperakichris/32/3572_2.png) [@Kalisperakichris](https://community.sitejet.io/u/Kalisperakichris)\
**Post date:** [July 12, 2025, 7:28am UTC](https://community.sitejet.io/t/hamburger-menu-issue/4960/2 "2025-07-12T07:28:43Z")

</div>

👋 **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.

### 🛠 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!

* * *

### 💡 Bonus (Optional):

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

css

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

```

* * *

🙌 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 💪

Welcome again to the Sitejet community! 🌟

---

<div class="post-metadata">

**Author:** ![Scary\_Jello](https://avatars.discourse-cdn.com/v4/letter/s/85e7bf/32.png) [@Scary\_Jello](https://community.sitejet.io/u/Scary_Jello)\
**Post date:** [July 12, 2025, 6:47pm UTC](https://community.sitejet.io/t/hamburger-menu-issue/4960/4 "2025-07-12T18:47:02Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![Andre](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/andre/32/3459_2.png) [@Andre](https://community.sitejet.io/u/Andre)\
**Post date:** [July 15, 2025, 8:38am UTC](https://community.sitejet.io/t/hamburger-menu-issue/4960/5 "2025-07-15T08:38:56Z")

</div>

Closed on July 15, 2025, 8:38am UTC