WP <5.0 Theme Colormag von ThemeGrill: CSS Design für die Navigation

Hallo zusammen,
ich benutze das Theme "Colormag" und habe dabei ein, zwei Verhaltensweisen bemerkt, die mir nicht so recht gefallen:

1.) In der Ansicht für Mobilgeräte, zumindest auf meinem alten iphone 4, wird das Menu im ausgeklappten Zustand angezeigt, wenn man auf das Balken-Symbol klickt um es zu öffnen.
Alle untereren Kategorien werden dann sofort angezeigt, ohne das man vorher Menupunkt in der ersten Ebene angetippt hat. Wie lässt sich das ändern, so dass erst ein Menupubkt ausgewählt werden muss, bevor alle darunter liegenden Punkte angezeigt werden?

2.) Wenn man in der Ansicht "@Media screen and (max-width: 1190px)" einen Menupunkt in der obersten Ebene anklickt, während das Dropdownmenu ausgeklappt ist, und dann einen Hover über einen anderen macht, so, dass auch hier das Dropdownmenu auskeplappt ist, klappt sich das Untermenu vom ersten über dem man zu den Zeipunkt nicht mehr hovert nicht wieder von alleine zusammen. Klickt man also einen Menupunkt direkt neben dem ersten an, überlappen die beiden Dropdowns und verdecken sich gegenseitig.

Hat jemand eine Idee, wie man das in den Griff bekommt?

Vielen Dank schonmal!

Demo: http://wptest.web144.s152.goserver.host/
CSS: http://wptest.web144.s152.goserver.host/wp-content/themes/colormag/style.css

ThemeGrill Demo: https://demo.themegrill.com/colormag