How can I make my website responsive on all screen sizes?

Hi Humza,

Thank you for reaching out and thanks for using Crio Pro WordPress theme!

BoldGrid themes use a responsive framework based on the Bootstrap Grid System. A BoldGrid Inspiration consists of Blocks, Modules, and Themes. These three elements are called the BoldGrid Layers, which make up our WordPress website builder. These layers work together in displaying content for a BoldGrid created site and provide definitions of how the site should be displayed for different display sizes. This ability to handle how content changes as the screen size changes is what makes BoldGrid themes for WordPress responsive.

My suggestion is always start with the smallest screen size and build up, with a mobile first design approach. Here’s is a guide I think you may find useful on using the responsive utilities in Post and Page builder. This guide will help you familiarize yourself with using BoldGrid Post and Page Builder for WordPress to design for all screen sizes.

I hope this helps. Please reach back out if you have any other questions for us.