Фиксированное всерху меню наезжает на блоки с якорными ссылками
 

Делаю лендинг на Joomla

сделал прилипающее меню с якорными ссылками, но при нажатии происходит наложение на ширину меню

Код прилипающего меню

jQuery(document).ready(function() {
var start_pos=jQuery('#menubar').offset().top;
 jQuery(window).scroll(function(){
  if (jQuery(window).scrollTop()>=start_pos && jQuery(window).width() > 768) {
      jQuery('#menubar').addClass('navbar-fixed-top');
  }
      else jQuery('#menubar').removeClass('navbar-fixed-top');
 });
});

Код плавной прокрутки

jQuery(document).ready(function() {
   jQuery('a[href^="#am"]').click(function(){
      var target = jQuery(this).attr('href');
      jQuery('html, body').animate({scrollTop: jQuery(target).offset().top}, 500);
      return false;
   });
});

Подсказали решение для кода плавной прокрутки добавить .offset().top + 50

jQuery(document).ready(function() {
   jQuery('a[href^="#am"]').click(function(){
      var target = jQuery(this).attr('href');
      jQuery('html, body').animate({scrollTop: jQuery(target).offset().top + 50}, 500);
      return false;
   });
});

Решение работает, но к сожалению только если меню постоянно фиксированное, если оно прилипающее - то работает ТОЛЬКО если нажмешь на кнопку меню когда меню уже прилипло, если до того как оно прилипло, например сразу после загрузки страницы - то наложение остается.

Помогите решить проблему пожалуйста, нигде не могу найти инфу.

Забыл написать вот сайт на котором это видно

http://tur-3d.ru/