Hello Christina,

Thanks for reaching out, and thanks for using Crio. I’ll try to address each of your concerns.

The responsiveness of many website areas in our themes, like the header and footer sections, are automatically designed to shift their content to create a readable mobile display.

Some of the things you can look at the help your site become more mobile responsive.

1. There are also some Responsive Utilities provided by the Post and Page Builder that allow you to select the device type and change how your content looks for difference screen sizes.

2. Inline hamburger menu on mobile – One great thing about your Crio theme is you have the ability to structure your page headers in many different ways. What you should do is open your WordPress Customizer and navigate to design < Header < Site Header Layout < Select Layout and switch your site header layout to one that better fits your needs.

3. Font size of various headers on mobile – You can control responsive text size in your theme from the WordPress Customizer Fonts section.

4. Container widths on mobile – You can use the responsive utilities in Post and Page Builder to adjust your content for smaller screens. These controls are very similar to the global typography controls the WordPress Customizer.

I hope that helps you configure your content as expected and please let us know if there is anything else that we can do to help.

Thanks
Elana D.