Docs

[vladabiber]

HI,

My website is biberce.rs and I found and implemented this two codes for navbar to be on top and that menu collapses on tap (mobile version is in question):

@media screen and (max-width: 979px){
.x-navbar-fixed-top {
    position: fixed !important;
}
}

(function($){
  $('.x-navbar .x-nav-wrap.mobile a').on('touchend click', function(){
    $('.x-nav-wrap.mobile').toggleClass('in').css('height', 0);
    $('.x-btn-navbar').toggleClass('collapsed');
  });
})(jQuery);

Everyting is working fine, except two issues: if navbar isn’t on top, menu items will not navigate precise; and you cannot scroll over menu items, it will navigate you instantly to the one of the sections.

I hope you understood what I meant. Thanks!

Best regards!

[Joao]

Hi There,

I am not quite sure I understand your issue.

I have tested your website on mobile and the menu seems to be working fine. I could scroll up and down the website with the menu open or closed.

Can you try to explain with more details what is the issue you are facing?

Also please let us know which device you are using while experiencing the issue.

Thanks,

Joao

[vladabiber]

Ok, I’ll try to explain better.

Issue 1: open mobile site. Navbar is near center of the screen, by default. Tap on menu button, then tap on any menu item. it will not bring you on headline of the section (e.g all inclusive), but slightly below. If navbar is on top of the screen, everything works okay.

Issue 2: Menu items are a bit over-sensitive. This also happens when you are at the top of the page. If you open the drop-down list, it’s not completely visible. So, if you try to pull it up, so can reach those bottom items, it won’t let you scroll. It goes immediately to the first thing that was touched. It’s impossible to swipe up-down.

Hope this makes it a bit more clear.

Problem persists on both ios and android devices

[Rupok]

Hi there,

Thanks for writing back. Unfortunately I can’t replicate any of your issue and it seems working fine on my end. Also note that as you have forced the navbar to be fixed on mobile, you might face some issue because ideally mobile menu shouldn’t be fixed to make sure it works on all mobile devices and that’s why it’s not fixed by default.

Cheers!

[Author]

Posts