Ritual Theme, disabling the hover-auto-open of header menu

Currently, when you hover the mouse over a header menu item in the desktop view it opens that menu which is annoying when you dont actually want to open it and the mouse happens to hit it. How can I make it so that you actually have to click on the menu item for it to display? I also need to disable the menu button from navigating to the collection page, it only needs to function as a button for the drop down menu but it currently acts as both.

Yes I believe this requires a custom css.

If you dont know how to do that if theme doesnt allow you it is better to create a new headers with shopify Ai, Or install the comet browser of the Prepelxity and prompt it , he will handle it for u

I tried using AI and nothing is working. It keeps giving me bad info and I dont speak code so i dont know how to work through it. I inject the code exactly how it says to, it doesnt work, I have the ai analyze a screenshot of what i did and it keeps telling me to fix brackets on lines that dont have brackets.

(attachments)