Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #603485

    Hi!

    On http://degroenefles.nl/ we currently have the logo in the left top of the header. I’d like to change that so that the logo appears after the user scrolls past the full slider. Is this possible?

    Thanks!
    Daniel

    #603667

    Hey Daniel!

    Thanks for getting in touch with us!

    This will take a bit of code, so please ensure you are using a Child Theme. Add the following CSS code in the Quick CSS field in the theme options:

    .logo {
    visibility: hidden;
    }
    

    The second part now, you need to add the follow script to your child theme. You can follow the instructions here to add the JavaScript http://code.tutsplus.com/articles/how-to-include-javascript-and-css-in-your-wordpress-themes-and-plugins–wp-24321

    $(function(){
        $(window).scroll(function() { 
            if ($(this).scrollTop() > 75) { 
                $(".logo:hidden").css('visibility','visible');   
                $(".logo:hidden").fadeIn('slow');  
            } 
            else {     
                $(".logo:visible").fadeOut("slow"); 
            }  
        });
    });

    Let me know how it goes.

    Cheers!
    Jordan

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