I have taken help from @jon-b ‘s comment and some twiks in global.js did the job.
add these two css as “additional css” in Customize.
@media (min-width: 760px) {
.navigation-top {
position: absolute;
top: 0px;
width: 100%;
height: 70px;
}
}
@media (min-width: 760px) {
.custom-header {
position: relative;
padding-top: 70px;
}
}
Now find global.js in : wp-content/themes/twentyseventeen/assets/js/global.js
add this line around 26 after resizeTimer;
$navigation.addClass( navigationFixedClass );
This will add fixed class to your nav permanently.
And dont forget to comment nav fixed class switcher around line number 75 like this
//if ( $( window ).scrollTop() >= headerOffset ) {
// $navigation.addClass( navigationFixedClass );
//} else {
// $navigation.removeClass( navigationFixedClass );
//}
Let me know if this works for you. Working for mobile nav view aand will shortly update this.
