Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 16, 2015 at 8:19 pm #460362
    vivosweb

    Hello!

    Great theme…

    Can I change the color of the sticky header when it scrolls?

    I.e header changes colour once it moves.

    Thanks,

    Rob

    June 16, 2015 at 8:28 pm #460366
    Yigit

    Hey vivosweb!

    Thank you for your kind words and welcome to our forum! :)
    Please go to Enfold theme options > General Styling > Logo Area and change background color as needed.

    Regards,
    Yigit

    June 16, 2015 at 8:32 pm #460368
    vivosweb

    Hey,

    I actually wanted it so it ONLY changed once I had scrolled and it became sticky.

    I guess there is no way to easily do it?

    For example I’d want a pink header bg when the page is loaded, but when I scroll down and it becomes a sticky header, it would change to red.

    …for example.

    June 16, 2015 at 8:36 pm #460371
    Yigit

    Hey!

    That is possible actually. But do you mind posting a temporary admin login here so we can see the header you are currently using?

    Regards,
    Yigit

    June 16, 2015 at 8:40 pm #460375
    vivosweb
    This reply has been marked as private.
    June 16, 2015 at 8:47 pm #460382
    Yigit

    Hey!

    I changed initial background color in Enfold theme options – https://kriesi.at/support/topic/sticky-header-color/#post-460366
    And then add following code to bottom of Quick CSS field

    .header-scrolled #header_main {
  background-color: #c71f16;
}

    please adjust as needed

    Cheers!
    Yigit

    June 16, 2015 at 9:30 pm #460407
    vivosweb

    Worked perfectly!

    Excellent support.

    Rob

    June 17, 2015 at 6:46 am #460567
    Rikard

    Hi!

    Glad we could help :)

    Regards,
    Rikard

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Sticky Header Color’ is closed to new replies.