What do I need to make my site mobile responsive?

Hi Kristen,

Thanks so much for reaching out.

The responsiveness of many website areas in Crio Pro WordPress theme, like the header and footer sections, were automatically designed to shift their content to create a readable mobile display.  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.

The BoldGrid framework that Crio is built on uses a CSS framework called Bootstrap, which is a “mobile-first” framework. This means the framework itself was made specifically to prioritize mobile responsiveness.

The best design approach in my opinion is to start with your mobile design and then scale up to fit larger screen sizes. With BoldGrid Post and Page Builder you can preview your page in any screen size while editing to help you place your elements correctly.

I hope this helps. Please don’t hesitate to reach back out if you have any other questions for us.

Hi Kristen,

Yes you can use the Crio Customizer to adjust fonts in Crio according to screen size. Then you can use the responsive utilities in Post and Page Builder to fine tune the typography on each page.

• This reply was modified 2 years ago by Brandon C.