Logo sliding up when scrolling down. (sticky logo?)

PS i changed it to 1/100 amount) to see what i mean. And placed the News Button ( the “Logo” outside header) in the center

• This reply was modified 7 years, 11 months ago by Guenni007.

ok here we go:

i hope you work with child-theme because changeings are safe when updating the parent theme.
you need a copy of footer.php in Child-Theme folder of your installation.

On bottom of that footer.php copy find wp_footer() and insert just before do_action('avia_after_wrap_all'); so than it looks like:

do_action('avia_after_wrap_all');
wp_footer();

This gives us the oportunity to insert code here via child-theme functions.php, and to insert it not over all pages/posts but with some if clauses only there you need it.
Yes we could insert here directly the code we need but if we like to change it or do some other things on that position it is i think : best to do it this way.
_______________

this goes to functions.php of your child theme (and you see here that this will only inserted on front-page – if you want to insert it globaly insert the code ( <a class="customclass" href="#"><img class="aligncenter" src="path to your logo"/> ) directly to footer php and forget functions.php just in front of the wp_footer(); )

add_action('avia_after_wrap_all', function() {
if (is_front_page() ) {
  ?>
        <a class="customclass" href="#"><img class="aligncenter" src="path to your logo"/>
  <?php
}
});

on quick css you setup :

.logo, .responsive .logo {
    display: none;
}

.customclass {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%);
    transition: all 1s linear 0s;
    z-index: 501;
    width: 15vw
}

you have to play a bit with width and top value – maybe you have to set up some rules for responsive case .