No navbr on Mobile Version?

I'm using this code to make the navbar sticky but there is a problem when you view the forum on mobile version there is no menu from mobile version, so you can't use the web version from the mobile itself?

My forum https://forumservice.forumotion.com/

Code:

$(document).ready(function(){
  var num = $(".navbar").offset().top;
  $(window).bind('scroll', function() {
    if ($(window).scrollTop() > num) { 
      $('.navbar').addClass('sticky'); 
    }
    else { 
    $('.navbar').removeClass('sticky');   
    }
  });
});

Good afternoon!

You can add a check for the user's screen width. If more than 900px (tablets can be this wide) - the code works.

Code:

$(document).ready(function(){
  const widthOfScreen = window.innerWidth;
  if (widthOfScreen > 900) {
  var num = $(".navbar").offset().top;
  $(window).bind('scroll', function() {
    if ($(window).scrollTop() > num) {
      $('.navbar').addClass('sticky');
    }
    else {
    $('.navbar').removeClass('sticky'); 
    }
  });
}
});


Lovely thanks for the help and quick reply

You are welcome!

Problem solved & topic archived. Please read our forum rules: ESF General Rules