Try to use this plugin.
https://www.ads-software.com/plugins/wp-responsive-menu/
Under the wordpress admin menu section, create and name the menu you’ll use, and add the menu items you want to it.
Then go to the WPR setting menu.
General Setting:
Select “Enable Mobile Navigation”
Under “select menu”… choose the menu you have created before.
Under “Elements to hide in mobile:” I placed this css:
.av-masonry-sort,.logo
“Enable Swipe”: Yes
“Search Box”: Hide
“Allow zoom on mobile devices”: Yes
Menu Appearance: (under the WPR setup)
“Menu Symbol Position”: Left
Under “Menu Logo”: place your logo (square is good)
“Menu Open Direction”: Left
“Display menu from width (in (Email address hidden if logged out) )”: 768
“Menu Width”: 80
“Enable borders for menu items”; No
