Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • November 17, 2015 at 8:40 pm #537621
    KelseyCurran

    I used the following CSS on this page: http://www.sethoops.org/home-4/

    Is there a better / less jerky way to do this? I’d prefer it just scroll up and out of view instead of showing white under the menu.

    .header-scrolled .container.av-logo-container {display:none;}

    November 17, 2015 at 10:33 pm #537670
    Basilis

    Hey KelseyCurran!

    I have loaded the site and it seems like it has that effect now. Jave you managed to do it?

    Cheers!
    Basilis

    November 17, 2015 at 10:39 pm #537675
    KelseyCurran

    No, when you scroll up slowly you’ll see the white background peek out because of the entry’s padding when the logo is present. I don’t want it to disappear when scrolled, just to scroll up.

    November 18, 2015 at 3:34 pm #538194
    Yigit

    Hi!

    Please try adding following code to Quick CSS as well

    .container.av-logo-container {
    transition: all 1s ease-in-out;
}
.header-scrolled .container.av-logo-container {display:none; transition: all 1s ease-in-out;}

    Best regards,
    Yigit

    December 29, 2015 at 6:47 am #558009
    KelseyCurran

    Can you look at it now? Why does it display the logo and the white background before transitioning to “-scrolled” where it dissapears. Can you help me skip that step?

    January 4, 2016 at 6:49 am #559033
    Ismael

    Hey!

    Please try this in the functions.php file:

    
// header transparency logo switch
function add_custom_script(){
?>
<script>
(function($){
	var win = $(window);
	win.scroll(function() {
		if(win.scrollTop() == 0) {
			$(".av_header_top:not('av_header_transparency') .av-logo-container").css('display', 'block');
		} else {
			$(".av_header_top:not('av_header_transparency') .av-logo-container").css('display', 'none');
		}
	});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'add_custom_script');

    Remove browser cache then reload the page.

    Regards,
    Ismael

    January 13, 2016 at 8:35 pm #565010
    KelseyCurran

    That crashed the site. Is the last PHP supposed to remain open?

    January 13, 2016 at 9:03 pm #565021
    KelseyCurran

    Ok!! It’s working. Just had to place it somewhere else. Thank you!

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Hide Logo On Scroll’ is closed to new replies.