How to properly adapt the menu from two blocks for mobile devices?

Question

css

There is such a page:

How to correctly display the menu on mobile devices that is in the profile (on the left) and the main thing (top)?

Answer 1

I would hide the top menu and the left menu under a single sandwich (with the exception of AVA, 2001 and $86).
There are few menu items, so even if the left block (AVA is no longer shown in it, but we leave 2001 and $86, let it be duplicated from 2 places) does not fit into the screen, scrolling will be quite obvious.

Answer 2

Main ("sandwich" top right) and additional: account (swipe left). Look at the implementation of Material Design - it will immediately become clear.
See how I did it with the main one: xmoonlight.github.io

Answer 3

I usually do this: on top I make a menu, then a logo, and then again a menu, only I call the opener "Categories". Or whatever in your case.