Fix the menu jumping on scroll

In Plumberx, if you have logo height bigger than the default, you might experience menu jumping animations when browsed below(in sticky menu). Also the bigger logo slightly breaks the mobile navigation too.

To fix above issues, Please enter below css in Themeoptions/general/customcss box.

.base.header-fixed a.logo img{
    width:auto!important;
    height:70px!important;
}
.base.header-fixed{
    -webkit-animation: fadeItIn 1s;
       -moz-animation: fadeItIn 1s;
            animation: fadeItIn 1s;
}
@-webkit-keyframes fadeItIn {
    from {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
    to {opacity: 1;-webkit-transform: none;transform: none;}
}
@-moz-keyframes fadeItIn {
    from {opacity: 0;-moz-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
    to {opacity: 1;-moz-transform: none;transform: none;}
}
@keyframes fadeItIn {
    from {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);-moz-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
    to {opacity: 1;-webkit-transform: none;-moz-transform: none;transform: none;}
}
@media (max-width: 991px) {
    header.base a.logo img{
        width:auto!important;
        height:70px!important;
    }
    .base .mainmenu-container,
    header.base.header-fixed .mainmenu-container{
        padding-top: 30px;
    }    
}

@media (max-width: 767px){
    header.base .mainmenu-container{
        padding-top: 30px;
    }
}