Reply To: misalign top menu and problems with submenus on hover

[Zex]

Hello, Ludwig!

To fix both, try to replace your entire custom CSS codes with the following:

@media screen and (min-width: 993px){
.sticky-header-shrink{  
  top:0px!important;
} 
/*top sub-menu fix*/  
   .top-navigation ul.sub-menu li{
    position: relative!important;
    }   
.top-navigation  ul.sub-sub-menu {
    position:absolute!important;
    }       
}
/*Contact form footer fix*/ 
.footer-widgets .sm-form-control{
    width:100%!important;
}
/*Social Icons fix*/ 
.tv-icon{
    color:white!important; 
}
.social-icons.e-mail:before,.fa-e-mail:before{
    content: "\f1fa";
}
.social-icons.telefon:before,.fa-telefon:before{
    content: "\f095"; 
}
.tv-telefon:hover {
    background-color: #dd3333;
}
.tv-e-mail:hover {
    background-color: #6567A5;
}
footer#colophon a.social-icons:hover{
    color: #dd3333!important;
}

Regards