Unstick TOPBAR but sticky MENU BAR

Hi Mike,

Thanks for your reply. Sorry I had to change a bit on the website link as some more edits had to be made so I had hidden the top bar. Anyway, if you check the link (new link provided below) on a mobile device…I want the same #top #header_meta (or TOPBAR) NOT TO BE STICKY while the main menu to be sticky. The issue now is:

1. While scrolling, the TOP BAR MENU does scroll up – but it does not LOOK smooth at all…(I want the same as it is for the DESKTOP version now)
2. When scrolling on MOBILE, don’t know why the Banner image goes up [please check the link provided]

I have used the code you provided at https://kriesi.at/support/topic/unstick-topbar-on-mobile (codes below).

Thank you very much.

@media only screen and (max-width: 1023px){
.top-sticky {
display: none;
}
.top-sticky.top-show {
display: block;
}
.responsive #top #wrap_all #header + #header_meta.top-sticky {
top: 0 !important;
}
}

And this at functions.php:

function custom_hide_top_script(){
?>
<script>
(function($){
$(window).scroll(function(){
var width = $(window).width();
var scrolled = $(window).scrollTop();
if ( scrolled >= 100 && width <= 767) {
$( ‘#header’ ).each(function() {
$(this).css({‘background-color’:’#ffffff’,’position’:’fixed’,’top’:’-100px’});
$(‘#full_slider_1’).css({‘padding-top’:’10px’});
});
}
else if ( scrolled <= 60 && width <= 767){
$( ‘#header’ ).each(function() {
$(this).css({‘background-color’:’#ffffff’,’position’:’relative’,’top’:’0′});
$(‘#full_slider_1’).css({‘padding-top’:’0px’});
});
} else {}
});
})(jQuery);
</script>
<?php
}
add_action(‘wp_footer’, ‘custom_hide_top_script’);

Thanks for the reply Mike. Sure will share the login credentials (in private). Thanks.

hi Mike,

Thanks for the reply.

I did check all the CSS – but I don’t think I had added any of these….max-width: 782px looks a bit odd (I’d normally use 767 or 768). I only used CSS on Enfold defaults and using the custom CSS & JS plugin…by any chance it could be from a plugin? I deactivated this Shortcode in Menus Can you check please?

Thanks.