# Transparent Header menu Bar

**URL:** <https://community.sitejet.io/t/transparent-header-menu-bar/1374>\
**Category:** Website Builder\
**Tags:** cms\_menu\
**Created:** [January 25, 2022, 5:58am UTC](https://community.sitejet.io/t/transparent-header-menu-bar/1374 "2022-01-25T05:58:24Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Ahsan\_Iqbal](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/ahsan_iqbal/32/873_2.png) [@Ahsan\_Iqbal](https://community.sitejet.io/u/Ahsan_Iqbal)\
**Post date:** [January 25, 2022, 5:58am UTC](https://community.sitejet.io/t/transparent-header-menu-bar/1374/1 "2022-01-25T05:58:25Z")

</div>

I want to make a transparent header menu bar and I made it transparent but it does not work and only works when I scroll the page. what should I need to do? Thanks

---

<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:** [January 28, 2022, 11:42am UTC](https://community.sitejet.io/t/transparent-header-menu-bar/1374/2 "2022-01-28T11:42:02Z")

</div>

Hey @Ahsan_Iqbal - could you let us know the six digit Website ID? Happy to check for you. Maybe it’s just one click to fix 😉

---

<div class="post-metadata">

**Author:** ![Ahsan\_Iqbal](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/ahsan_iqbal/32/873_2.png) [@Ahsan\_Iqbal](https://community.sitejet.io/u/Ahsan_Iqbal)\
**Post date:** [January 28, 2022, 2:52pm UTC](https://community.sitejet.io/t/transparent-header-menu-bar/1374/3 "2022-01-28T14:52:05Z")

</div>

Sure, here it is 345298.

---

<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:** [February 1, 2022, 1:22pm UTC](https://community.sitejet.io/t/transparent-header-menu-bar/1374/4 "2022-02-01T13:22:22Z")

</div>

Hey Ahsan,

when clicking on the menu bar preset, please go to sticky. There you will see the color that is chosen for the sticky mode.

 ![image](https://europe1.discourse-cdn.com/flex017/uploads/sitejet/original/1X/2e7d9c93c68b969bf00cbf28e49b5400a9f4af6d.png)

Let me know if that helps.

---

<div class="post-metadata">

**Author:** ![Ahsan\_Iqbal](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/ahsan_iqbal/32/873_2.png) [@Ahsan\_Iqbal](https://community.sitejet.io/u/Ahsan_Iqbal)\
**Post date:** [February 1, 2022, 2:57pm UTC](https://community.sitejet.io/t/transparent-header-menu-bar/1374/5 "2022-02-01T14:57:23Z")

</div>

Okay thanks

---

<div class="post-metadata">

**Author:** ![Tamerkk](https://avatars.discourse-cdn.com/v4/letter/t/eb8c5e/32.png) [@Tamerkk](https://community.sitejet.io/u/Tamerkk)\
**Post date:** [December 15, 2024, 7:31pm UTC](https://community.sitejet.io/t/transparent-header-menu-bar/1374/6 "2024-12-15T19:31:02Z")

</div>

I also have to same problem. My website ID: 1083554

I want to make the background of the menu bar transparent, and change to a color when scrolled down.

---

<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:** [December 16, 2024, 12:51pm UTC](https://community.sitejet.io/t/transparent-header-menu-bar/1374/7 "2024-12-16T12:51:11Z")

</div>

Hey there,

looking at the old screenshot a loooooot has happened in the past years.

So, on your website I can see that the current background is set to transparent.

 ![image](https://europe1.discourse-cdn.com/flex017/uploads/sitejet/original/2X/5/51f9016212dcd57ce1184545a539ed0979ceaaae.jpeg)

When you now decide what happens with the sticky, it will give you more settings to adjust. Click around and try it out.

Let me know if it works 🙂