Вопрос касательно выпадающего меню
Если важна поддержка только современных браузеров, то можно и без js

.main-menu .sub-menu{
 
    background:#E2534B;
    padding:6px 6px 0 6px;
    margin:0;
 
 margin-top:20px;
   visibility:hidden;
    opacity:0;
    transition:visibility 0s linear 0.3s,opacity 0.3s linear;

     position:absolute;
    width:200px;
    top:35px;
    list-style:none;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px; 
}
.main-menu>li:hover .sub-menu {
  
visibility:visible;
  opacity:1;
  transition-delay:0s;

}

Еще одни вариант
Оно реализовано с помощью псевдокласса hover? Если да, то вам нужно использовать JS, либо возможно создать с помощью псевдокласса after дополнительный невидимый прозрачный блок, который будет входить в пункт меню. Тогда будет нормально. Нужно полностью смотреть код меню, чтобы понять. Вы бы выложили это меню на codepen.io, тогда было бы значительно проще. Можно было бы скинуть вам готовый вариант.