- Posts
I’m using Crio and it is not adjusting to different screen sizes or screen directions. For example: If I make the layout for the large screen, the deskptop, table and mobile the centering, container width, font, spacing, really everything doesn’t adapt. If I adjust the mobile layout it looks good vertically but if I view it horizontally on the phone all letters are in a single row vertically. This applies across screen types and viewing directions within a screen type.
Hello Jessica,
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.
Thanks
Elana.This reply doesnt address my problem. When I start with the smallest screen size it looks fine in the dashboard mobile view and on my phone but not when I turn the phone horizontal. there is no way to work with a horizontal mobile orientation in the builder and it should adjust any way. I designed based on the links you shared.
This reply doesnt address my problem. When I start with the smallest screen size it looks fine in the dashboard mobile view and on my phone but not when I turn the phone horizontal. there is no way to work with a horizontal mobile orientation in the builder and it should adjust any way.
The same thing happens in each screen size.This and links provided don’t address the problem. Even when designing the mobile layout first, the mobile lay out looks ok vertically but when the device is flipped horizontally, the layout of the text is totally disrupted. This isn’t about hiding an image for a certain screen size.
I don’t want to redesign the layout four times (for each screen size option) and again for vertical or horizontal orientation- that should be what is responsive within the builder. There are several posts over the years that ask this but don’t seem to have a resolution.
Is this an issue with the update or do I need to find a new builder? If I need a new builder or theme that doens’t have these historical issues, what do you recommend?Hello,
Thank you for reaching out to our support team.
Unfortunately there is not a CSS script to make everything adapt to mobile (at least not a single script in itself). Rather, BoldGrid designs are built with a CSS framework called Bootstrap, which is a “mobile-first” framework. This means the framework itself was made specifically to prioritize mobile responsiveness. And Bootstrap CSS selectors will work on your page, if you choose to mix and match them with what’s already available. The whole framework itself is available to you so you can tweak your pages to get the exact look you want.
That being said it does look like you have padding on your site, however, the site you have listed here is built with Elementor.
Thanks
Elana.
Viewing 6 posts - 1 through 6 (of 6 total)
Viewing 6 posts - 1 through 6 (of 6 total)
