I am trying to use a sticky header/nav on my website, http://alphametic.com/.
When you scroll, the header background changes to black and white and you can’t see the logo.
How do I make the header white, the text black and also make it so I can see the logo?
Or would it be easier to have a transparent navigation moving down?
I would love to know how to do both :).
Hi ncfan2030!
Please go to Enfold theme options > General Styling > Logo Area and change background color to black :)
Regards,
Yigit
Yigit,
Thank you. What if I want the top bar to be orange, or blue? That one section of the header is still black – why is that?
Hi!
Please go to Enfold theme options > Advanced Styling and edit “Small bar above Main Menu” :)
Regards,
Yigit
Yigit,
Look at it now. I changed the color you were referring to but I have no small bar above the main menu,
Look at the live site and you will see what I am referring to – the color behind the menu text :). Ty
Hey!
Please go to Enfold theme options > Advanced Styling and edit “Main menu links” and change background color. I tried to avoid providing custom CSS code but if you prefer custom CSS, please add following code to Quick CSS in Enfold theme options > General Styling tab
#top #header .av-main-nav > li > a {
background-color: transparent;
}
Cheers!
Yigit
Yigit,
I used the advanced options! Thank you so much sir!!!!!!!!!