Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #328510

    Hi,
    I want my sticky header to change colors (fade) as soon as the header gets resized. In addition, I’d like my Logo to change too, I mean another file instead.
    Can you tell me how can I achive that?

    Thanks!

    #329039

    Hi ka9de!

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

    .header-scrolled .main_menu ul:first-child > li > a { color: red!important; }
    .header-scrolled .logo img { opacity: 0; }
    .header-scrolled .logo a { background-image: url(https://kriesi.at/wp-content/themes/kriesi/images/logo.png); background-repeat: no-repeat; background-size: contain; }

    If you are using and would like to make those changes when scrolled down, please go to Enfold theme options > Header > Transparency Options

    Regards,
    Yigit

    #330611
    This reply has been marked as private.
    #330976

    Hey!

    You are welcome, glad we could help :)
    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Best regards,
    Yigit

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Sticky Header changes color when changing size’ is closed to new replies.