Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #592718

    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 :).

    #593004

    Hi ncfan2030!

    Please go to Enfold theme options > General Styling > Logo Area and change background color to black :)

    Regards,
    Yigit

    #593007

    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?

    #593016

    Hi!

    Please go to Enfold theme options > Advanced Styling and edit “Small bar above Main Menu” :)

    Regards,
    Yigit

    #593024

    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

    #593035

    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

    #593040

    Yigit,

    I used the advanced options! Thank you so much sir!!!!!!!!!

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Sticky header color’ is closed to new replies.