.app-container .sol-menu .nav-sub{ opacity: 0 !important; pointer-events:none !important; transition: opacity .3s, margin-top .3s; } .app-container .sol-menu:hover .nav-sub{ opacity: 1 !important; pointer-events:auto !important; } /* value set in editor is 47 px -> will animate from 25px to 47px */ .app-container .sol-menu:not(:hover) .nav-sub { margin-top: 25px !important; } .arr{ transition: transform .3s; } .app-container .sol-menu:hover .arr{ transform: scaleY(-1); } .custom-arrow-transition{ transition: width 0s, height 0s, opacity 0.3s !important; } .n2-page-home .hide-menu, .n2-page-brazil .hide-menu, .n2-page-australia .hide-menu{ opacity: 0 !important; pointer-events: none !important; } .n2-page-home.hide-toc, .n2-page-brazil .hide-toc, .n2-page-australia .hide-toc{ display: none !important; }