Shop Categories

X

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

Home Forums Agama Pro misalign top menu and problems with submenus on hover Reply To: misalign top menu and problems with submenus on hover

#26436
Zex
Moderator

Hello, Ludwig!

Based on your current configuration, the following codes should help you(insert into Customizing-General-Additionall CSS):

/*top menu sticky*/
.top-nav-wrapper {
    display: none!important;
}
@media screen and (min-width: 993px){
.top-nav-wrapper{
    display: block!important;
    position: fixed!important;
    top: 0!important;
    background-color:rgba(89,89,89,0.91)!important;
    z-index: 999!important;
}
.sticky-header,
.sticky-header-shrink:not(.home){
    margin-bottom: 55px!important;
    top:55px!important;
    background-color:rgba(89,89,89,0.91)!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