That didn’t fix the issue (even after I fixed your last curly bracket). Something weird is going on where when you open the dropdown menu it instantly clicks the main menu link instead of letting you select something from the submenu links. I’ve tested this on actual phone and with browser developer tools set to mobile. It is even happening on the Main Menu in browser tools when set to mobile (browser width of 992px+ but still in mobile mode). On top of that the css is messed up with the My Account icon and chevron and the dropdown colors css (screenshot 1). I’ve set up my old header on one page to compare. The formatting seems fine (screenshot 2) although the menu error is still there. But the only difference between my old header and the new header is where the search bar is. I haven’t changed anything else that would mess up the css. Just to make sure some other conflict was happening, I disable all my plugins and backed up and deleted all my custom css in the Skins > Custom CSS page. I have no idea what’s going on. Hopefully you can help. The site is stripped down temporarily so you can take a look (it’s not a live site yet).
Current header is on all pages. Old header where the my account icon and menu css looks good is here:
