Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • February 1, 2016 at 10:06 pm #576032
    bensondesign

    I have set up my home page with a layer slider that contains the logo in it. What I am trying to accomplish is when the user scrolls the home page the alternate logo will display. Right now I have .home .logo{display:none !important;} in my custom css to remove the logo but in turn it also removes it when scrolled. Is there another way to accomplish this. My interior pages are working fine.

    February 2, 2016 at 2:29 am #576160
    Elliott

    Hey bensondesign!

    First off update Enfold to 3.4.7. It looks like your currently using 3.4.2.

    After that try adding this to your custom CSS.

    .logo { display: none; }
.header-scrolled .logo { display: block !important; }

    Best regards,
    Elliott

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