Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 14, 2015 at 11:05 am #518569
    Emmygraph

    Hi,
    How can make the Logo in teh top banner swop to another image (Icon of logo) when I scroll down.

    I can add a line of so to the php or css to call another uploaded image in the media gallery.
    Many thanks

    October 14, 2015 at 2:17 pm #518668
    Yigit

    Hey Emmygraph!

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

    add_filter('avf_logo','av_change_logo');
function av_change_logo($logo)
{
    $logo = "http://kriesi.at/wp-content/themes/kriesi/images/logo.png";
    return $logo;
}

    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

    October 14, 2015 at 5:12 pm #518819
    Emmygraph

    HI Yigit,
    Thank you for getting back to me. I have tried this and I have added another css to show another image. but what happens it either shows both logo images or makes both disapear.
    I added the below in the quick css area.

    .header-scrolled .logo > a > img { display: none !important; }
    .logo > a > img { background-image: url(http://www.pistachiodesign.com/bmsiweb/wp-content/uploads/2015/05/reason1.png) ;
    background-repeat:no-repeat;}

    Not sure hwo to make the logo disappeare and still allow the other image to appear when scroll.
    thanks

    October 14, 2015 at 5:16 pm #518824
    Yigit

    Hi!

    If you do not mind please create a temporary admin login and post it here privately so we can look into it for you. Please also post the link to logo you would like to use.

    Cheers!
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.