# Navigation background

**URL:** <https://forums.realmacsoftware.com/t/navigation-background/5423>\
**Category:** RapidWeaver Classic\
**Created:** [February 14, 2016, 4:57pm UTC](https://forums.realmacsoftware.com/t/navigation-background/5423 "2016-02-14T16:57:34Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![Anne](https://avatars.discourse-cdn.com/v4/letter/a/ccd318/32.png) [@Anne](https://forums.realmacsoftware.com/u/Anne)\
**Post date:** [February 14, 2016, 4:57pm UTC](https://forums.realmacsoftware.com/t/navigation-background/5423/1 "2016-02-14T16:57:35Z")

</div>

Hi all,

I’m using endeavor designed by Michael David.  
I’m trying to make a navigation background colour. But unfortunately the option ‘Title/Navigation Color/Opacity’ does not work.

What happens:

 ![](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/2X/c/c81e65023eb65ec554dcb01a21dda0d9bf625092.png)

Does anyone know what to do?

Thanks!

---

<div class="post-metadata">

**Author:** ![robbeattie](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/robbeattie/32/78_2.png) [@robbeattie](https://forums.realmacsoftware.com/u/robbeattie)\
**Post date:** [February 14, 2016, 6:59pm UTC](https://forums.realmacsoftware.com/t/navigation-background/5423/2 "2016-02-14T18:59:25Z")

</div>

Have you got Opacity off/Color On set in the options by any chance?

---

<div class="post-metadata">

**Author:** ![Anne](https://avatars.discourse-cdn.com/v4/letter/a/ccd318/32.png) [@Anne](https://forums.realmacsoftware.com/u/Anne)\
**Post date:** [February 15, 2016, 8:47am UTC](https://forums.realmacsoftware.com/t/navigation-background/5423/3 "2016-02-15T08:47:02Z")

</div>

Yes I do. But even if I choose the option on ‘Dark opacity 90%’ for example, I get no result.

---

<div class="post-metadata">

**Author:** ![Oscar](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/oscar/32/80_2.png) [@Oscar](https://forums.realmacsoftware.com/u/Oscar)\
**Post date:** [February 15, 2016, 10:11am UTC](https://forums.realmacsoftware.com/t/navigation-background/5423/4 "2016-02-15T10:11:42Z")

</div>

@Anne

Try this code in CSS, change the color.  
You can also use this code for the color instead of “blue”. `rgb(198, 155, 255)`

`#nwrap { background-color: blue; }`

or this

`nav { background-color: blue; }`

Do you want this?

 ![](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/2X/e/e887f3e522f41e88d0312b62e2a44fc81960f03b.png)

---

<div class="post-metadata">

**Author:** ![Anne](https://avatars.discourse-cdn.com/v4/letter/a/ccd318/32.png) [@Anne](https://forums.realmacsoftware.com/u/Anne)\
**Post date:** [February 15, 2016, 1:32pm UTC](https://forums.realmacsoftware.com/t/navigation-background/5423/5 "2016-02-15T13:32:12Z")

</div>

@Oscar

Thank you! This works!  
It is nearly what I want.

I would like to show the navigation banner during scrolling only. Like this: [http://michaeldaviddesign.com/themes/endeavor/contact-form/index.php](http://michaeldaviddesign.com/themes/endeavor/contact-form/index.php)  
(according to Michael David it should be possible without CSS, but I’m really happy when it works, no matter how ;))

Is it possible to get the bar over the entire length of the page?

Thanks!

---

<div class="post-metadata">

**Author:** ![Oscar](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/oscar/32/80_2.png) [@Oscar](https://forums.realmacsoftware.com/u/Oscar)\
**Post date:** [February 15, 2016, 1:53pm UTC](https://forums.realmacsoftware.com/t/navigation-background/5423/6 "2016-02-15T13:53:26Z")

</div>

@Anne

I don’t have the theme, but I can make it on Michael Davids Endeavor website.  
I think too, that this must be possible in the settings of the Theme.  
Yes, you can have this. Try this code. With this code, the background is always here.  
Not as elegant as in MDs page 😉

`header.navbar.navbar-default.navbar-inverse.navbar-fixed-top { background-color: grey; }`

 ![](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/2X/7/76f1936a7e9c52648543c5065b078d7a53c0e7a3.png)

---

<div class="post-metadata">

**Author:** ![Anne](https://avatars.discourse-cdn.com/v4/letter/a/ccd318/32.png) [@Anne](https://forums.realmacsoftware.com/u/Anne)\
**Post date:** [February 15, 2016, 9:17pm UTC](https://forums.realmacsoftware.com/t/navigation-background/5423/7 "2016-02-15T21:17:00Z")

</div>

@Oscar

Thank you! You really helped me!  
Even though it’s not the regular way, it succeed.

This is my website: [http://www.annetauber.nl](http://www.annetauber.nl)

---

<div class="post-metadata">

**Author:** ![Oscar](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/oscar/32/80_2.png) [@Oscar](https://forums.realmacsoftware.com/u/Oscar)\
**Post date:** [February 16, 2016, 6:01pm UTC](https://forums.realmacsoftware.com/t/navigation-background/5423/8 "2016-02-16T18:01:00Z")

</div>

@Anne

…my pleasure, when this works for you.  
It looks good, I think.  
(… I fixed the link in your last post, because the test file isn’t no longer active, excuse please ;))