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

    Hey guys,
    I’m using sticky and shrinking header and I would like to change the logo when user scrolls down, can you help with the right code for that.
    Thanks a lot,

    #688674

    Hey SkinnovationIBK!

    Please add following code to Functions.php file in Appearance > Editor

    add_filter('avf_logo_subtext', 'kriesi_logo_addition');
    function kriesi_logo_addition($sub) {
        $sub .= '<img src="http://kriesi.at/wp-content/themes/kriesi/images/logo.png"/>';
        return $sub;
    }

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

    .header-scrolled .logo > a > img { display: none !important; }

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

    Regards,
    Yigit

    #689021

    It works, Thank you so much :)

    #689133

    Hi,

    You are welcome!
    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 ‘Change logo when scroll down’ is closed to new replies.