Hi,

If you want to do that, you can enable Hamburger menu via Customize > Vertical Nav & Hamburger Menu Options

You also can put the widgets to this menu Hamburger via Appearance > Widgets > drag & drop widgets to "Sidebar Hamburger Widgets Above Menu" and "Sidebar Hamburger Widgets Below Menu"

After that, add more this code to Customize > Custom CSS to hide the main navigation:

#navigation.header-6 .menu, #navigation .button-menu-mobile{ display: none !important; }
@media only screen and (max-width: 960px){
.penci-menuhbg-wapper{ float: left; margin-left: 0; }
#navigation.header-6 .penci-menuhbg-toggle{ margin-left: 0; }
}

Best Regards,

PenciDesign