Desperate Benevolent theme responsive menu

I think I’m about to cry.

Changed all css on the Benevolent theme and wanting to get ready adding content. Always fun.

I looked for a responsive desgin in the first place.
But now after all my work I found out Benevolent has a menu that becomes a pull down menu, even when the screensize is still pretty big (800×1280).
And to make it worse, the submenu and topmenu become two different pull down menu’s ( well not even pulldown, its double click, by that time visitors have gone!). One left and one right.
Imo very user unfriendly because people don’t want to have to look in two menu’s to find what they need. For sure it would irritate me.

Here’s their theme and you can see for yourself what happens when you decrease screensize.

https://raratheme.com/previews/?theme=benevolent

Anyone who can help me?
Just the thought of having the css all figured out, adapted and throwing it away and start all over with a better theme just makes me panic.