Header center, menu below, scroll out only logo.

yes you had to style the #main padding-top too.

i have written a new script that also adds a class to the #main container which will be added or removed at the same time.
So if the navigation is fixed, it is outside of the markup and this height has to be added to the padding-top on #main.

function sticky_on_top() {
?>
<script>
	window.onscroll = function() {myFunction()};

	var header = document.getElementById("header_main_alternate");
	var main = document.getElementById("main");
	var sticky = header.offsetTop;

	function myFunction() {
	  if (window.pageYOffset > sticky) {
	    header.classList.add("stickynav");
	    main.classList.add("pad");
	  } else {
	    header.classList.remove("stickynav");
	    main.classList.remove("pad");
	  }
	}
</script>
<?php
}
add_action('wp_footer', 'sticky_on_top', 9999);

you can than correct the “missing height” of the navigation in quick css by:
on that page i do it only for non responsive case

@media only screen and (min-width:768px) {
#header_main_alternate.stickynav {
    width: 100%;
    position: fixed;
    top: 0;
    background: #fff;
    box-shadow: 0 3px 10px -3px #aaa
}
#main.pad {
    padding-top: 50px;
}
}

see working example here: https://webers-testseite.de/pureinstall/negele/
this page was originally intended to show if a slider can be set above the whole.
Below I realized exactly that.

• This reply was modified 4 years, 5 months ago by Guenni007.

no the one is than from the older post obsolete.

may i see the page it concerns.
Think of i’m participant as you are – so i do not see private messages – otherwise you had to wait til mods are here.

in contrast to the other code this should not happen here, because the distance to the upper border is taken from the header.offsetTop value here.