Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • March 3, 2015 at 5:47 pm #405270
    druzes

    Hi, i need to change the color of the header menu when the page scrolls down.
    How can i change that?
    Regards

    March 3, 2015 at 6:06 pm #405282
    Yigit

    Hi druzes!

    Please go to Enfold theme options > Advanced Styling and edit “Main menu links”. You can change transparent header menu color in Enfold theme options > Header > Transparency Options

    Best regards,
    Yigit

    March 3, 2015 at 6:12 pm #405284
    druzes

    Thank you, but what i mean is the entire header, not only the menu links, sorry.

    March 3, 2015 at 6:19 pm #405292
    Yigit

    Hey!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .header-scrolled #header_main {
background-color: red;
-webkit-transition: background-color .3s ease-in-out;
transition: background-color .3s ease-in-out;
-moz-transition: background-color .3s ease-in-out;
}
#header_main {
-webkit-transition: background-color .3s ease-in-out;
transition: background-color .3s ease-in-out;
-moz-transition: background-color .3s ease-in-out;
}

    Regards,
    Yigit

    March 4, 2015 at 5:36 pm #405900
    druzes

    worked just great ;) thank you

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Change color header when page scrolls’ is closed to new replies.