Hey everyone. I am struggling with my header menu and submenu. For some reason when the padding is set to zero I am unable to click the links. If the padding part is left blank it is too low because I want it up by my title.
Then whenever I click the arrow for the submenu the main menu is pushed over to the right under other text.
If I can get the menu to be up by the title I would like for the submenu to either replace and hide the main menu or be underneath. Whichever is more functional. PLEASE HELP ME
This is the current code:
.header-burger { display:flex!important}
.header--menu-open .header-menu {opacity: 1!important;visibility: visible!important; }
.header-nav, .header-actions {visibility:hidden!important;}
.header-menu-nav {text-align: center!important; margin-left: 1%!important;}
div.header-menu-nav-item a {
font-size: 15px !important;
padding: 0px;
}
.header-menu {
left: unset;
right: 5;
width: 25%;
height: 25%;
padding-top: % !important;}