Фиксированное меню

Доброго дня Уважаемые.
Помогите решить задачу до конца.
Сайт https://surasb.ru,решил сделать неподвижное горизонтальное меню при прокрутке.
Для этого в main.js установил скрипт - jQuery(function($) {
$(window).scroll(function(){
if($(this).scrollTop()>140){
$('.wrap_white').addClass('fixed');
}
else if ($(this).scrollTop()<140){
$('.wrap_white').removeClass('fixed');
}
});
});
В main.css стили:.wrap_white.fixed{
position: fixed;
top: 0;
width: 100%;
height: 50px;
z-index:9999;
text-align: center;
background: #37bcfc;
opacity: 0.90;
transition: 5s;
}
Все в принципе получилось,одна засада - под админом при прокрутке меню наезжает на админ панель и перекрывает её.(скрин1). Причем если страницу прокрутить вниз до конца,и нажать ctrl+ f5,все работает как надо (скрин2) . Как поправить?

Насчет стилей,можно подробней?Мне казалось что нужно что то в скрипт добавить .Хотя знания у меня минимальные,это мой первый сайт за 54 годаВо

Денис. спасибо . Все верно,кто то кроссворды разгадывает,CMS покруче любого кроссворда..А по моему вопросу,может подскажете как быть."Стили копайте"слишком общая фраза для меня .Добавить отступ не проблема,как сделать чтобы этот отступ срабатывал только когда вверху есть админ панель?

Спасибо большое,последую вашему совету.