How to set Headers for mobile?

[ohiocannabis]

The mobile view looks terrible right now and I forget how to enable headers to populate correctly on mobile

So how do I do that and if I want to have the 2 buttons I have now in the header populate below the main logo in the header, how would I do that?

I want the main logo to be centered and the 2 buttons to be on the same line right below it

www.mrpowerwash.co

Thank you!

[ruenel]

Hello John,

Thanks for writing in! I would highly recommend that you check out these videos as these would give you enough knowledge on the features and elements you can use to create a responsive header:

You will have to utilize the Flexbox option in the Bar element settings:

Or you can create a different Bar element that will be dedicated to small device screens only. You can show/hide the Bar element by utilizing the “Hide During Breakpoint” options in the Bar element settings.

Best Regards.