Solved: How do I change menu bar color in the Birdseye Tem...

brose1 · ‎09-25-2017

Does anyone know where to change the color of the top bar once you scroll down?

brose1 · ‎10-03-2017

I found it under Styles in the code editor ...

/* Fixed Nav */
body.page-has-banner.affix .birdseye-header,
body.splash-page.affix .birdseye-header {
position: fixed;
top: 0;
background: rgba(155, 160, 163, 1.);
padding: 10px 30px;

View Best Answer >

Adam7 · ‎09-25-2017

Check the Theme tab for colo options, @brose; I don't recall right off the top of my head if that theme has them, but you might be able to change that color there.

brose1 · ‎09-25-2017

Not in the color or theme option, it is somewhere in HTML, I just can seem to find it

Adam7 · ‎09-25-2017

If you post a link to your site I'm sure one of our Community members can help find what you need to change.

brose1 · ‎09-25-2017

I found the fix! Thank you all

Adam7 · ‎09-26-2017

Feelf ree to share what you found if you have a moment, @brose.

brose1 · ‎10-03-2017

I found it under Styles in the code editor ...

/* Fixed Nav */
body.page-has-banner.affix .birdseye-header,
body.splash-page.affix .birdseye-header {
position: fixed;
top: 0;
background: rgba(155, 160, 163, 1.);
padding: 10px 30px;

SAK2 · ‎12-16-2017

Hi,

I found this too, but when I try and change the black background to white... it doesn't make the change... any suggetsions?

kdk12 · ‎06-21-2018

I'm having a 'mare with this too. Any update?!

elgrigo · ‎04-22-2019

I think I have found the solution. It is in the style files of the site under the heading Nav subheading Fixed. The property is stuck. So the CSS code would be:

<style>

.stuck {

background: #b4b4b4 !important;

}

</style>

This worked very well for me. You can put it either in SEO header of the whole site or at the header of any particular page.

I hope it helped because I have searched for many hours without finding anything about it in the web.

How do I change menu bar color in the Birdseye Template