How do I make the off canvas menu the default menu and header for mobile phone?

How do I make the off canvas menu the default menu and header for mobile phone view?

Not sure I fully understand this sentence. It looks like you have a secondary navigation in the top bar, do you want it to be hidden on mobile?

I want the mobile view to just have the off canvas menu, my logo, and two buttons in the off canvas widget area. I want to hide everything else.

Right now, the off canvas menu isn't showing up at all and I don't see the off canvas widget area.

I've figured some of this out I think, but I'd like the sticky header view to be the only header view for mobile (smaller than 750px).

Looks like you've figured it out, on screen smaller than 750px there's only one menu showing.

Let me know if you still need to tweak something :)

Yes - I would like the sticky header view to be the only header view for mobile. Right now the header (logo and menu) is too small. I want a larger menu and logo.

Go to customizer > layout > primary navigation, increase the menu item height for mobile.

Let me know if that works.

Cool! Very helpful.
Thanks.

Great! :)

No problem!