Hello everyone,

There is a problem with the nav menu of my responsive theme (the 'schoolbus' theme).

The sidebar nav menu turns into a drop-down menu bar on the top edge for screen widths <768px.

the theme is just as I needed, only during this switch the problem occurs.

when the menu is changed from sidebar nav to drop-down top,
the first problem is that it is always shown dropped-down by default. for smaller screens this covers up the logo and the upper part of the site text, and one has to close the menu manually each time.
then, if I thus close the menu and return to large screen, i.e. by resizing the browser or rotating the screen(which I didn't test except by using developer tools or online screen test services), my sidebar nav menu is shown as moved further up the page, disappeared under the logo bar. only when I refresh the page it is shown properly again.
there is clearly a relation between the dropped-down state (on small screen) and how the sidebar's showing upon returning to large screen:
if I return to large screen from the small screen while the top nav menu is dropped-down instead of closed, the sidebar nav appears correctly.
If I return to small screen from large screen while the sidebar is shown improperly as described above, the drop-down menu is shown closed as a top bar.

The problem affects the view i.e. when the screen is rotated or the browser is resized.

might you have any suggestions/solutions on how to fix this?

Many thanks for your time!

Regards,