Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 26, 2014 at 4:22 am #309091
    tonyska

    Is there a way to swap my main logo image with a different image when the user starts to scroll?

    August 26, 2014 at 12:12 pm #309276
    Yigit

    Hi tonyska!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed

    .header-scrolled .logo a { background-image: url(https://kriesi.at/wp-content/themes/kriesi/images/logo.png); background-repeat: no-repeat; background-size: contain; }
.header-scrolled .logo img { opacity: 0; }

    Regards,
    Yigit

    August 26, 2014 at 4:44 pm #309406
    tonyska

    beautiful! thank you!

    August 26, 2014 at 4:47 pm #309407
    Yigit

    Hi!

    You are welcome, let us know if you have any other questions or issues

    Regards,
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Swapping out logos when scrolling’ is closed to new replies.