Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #1123925

    Hi,

    I am using a child theme with header option “logo centered, menu below”.
    As effect when scrolling down, I would like to hide the line with logo and online keep the menu line.
    How can I resolve that?

    I only found the setting to shrink the line with the logo.

    #1123969

    Hey bm_cw,

    Try adding this css code in Quick CSS, located in Enfold > General Styling:

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

    Hope it helps.

    Best regards,
    Nikko

    #1123989

    hm – when reading his topic i guess he will only hide the logo when scrolling – so maybe this in child-theme functions.php
    will do the job ( but without seeing your site it is hard to give advice)

    function hide_logo_on_scrolling(){
    ?>
    <script>
    (function($) {
    	$(function() {
    		    $( window ).scroll(function() {
    		    	$('.logo img').css({ 
    		    	        'opacity': '0',
    				'transition': 'all 1s ease',
    		    	});
        			clearTimeout( $.data( this, "scrollCheck" ) );
        			$.data( this, "scrollCheck", setTimeout(function() {
        				$('.logo img').css({
        				'opacity': '1',
        				'transition': 'all 1s ease',
        				});
        			}, 250) );
        		});
    	});
    })( jQuery );
    </script>
    <?php
    }
    add_action('wp_footer', 'hide_logo_on_scrolling');
    #1124113

    Hi!
    Thank you so much for your support. I tried the new function but it also doesn’t work for me. It only makes the Logo disappear while scroling down but not the whole line.

    I sent you the URL of the test sub-domain in the private section..

    #1124148

    Hi bm_cw,

    Did you try the css code given?
    Props to @Guenni007 helping a lot by giving solutions to fellow enfold users, he is not a moderator so he can’t view the link you posted in private content.

    Best regards,
    Nikko

    #1124164

    Thanks, Nikko, I didn’t see that Guenni was only a participant himself.
    I tried the css and it works perfectly fine! Thanks for your great support!

    #1124247

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Hide Logo when scrolling down’ is closed to new replies.