Does Qwilr Work on Phones and Tablets?
Qwilr automatically optimizes your Pages for any screen size. Here's a quick guide on how it works.
All of Qwilr's design tools are built to provide flexibility. If your clients view your page on a mobile phone, the content scales to keep it easy to read while remaining visually appealing and beautiful.
A PDF, on the other hand, just shrinks to fit a small screen, and sometimes doesn't even do that, so your clients have to zoom in.
So how does Qwilr shift your page for mobile viewing? Read on...
Background images will re-crop
If you have a background image that stretches across the whole page, it will crop in from the sides on smaller and mobile screens.
For example, this would be your background on an average desktop monitor:
And this is how it would look on a phone screen:
It's best to use a flexible image that can accommodate this automatic cropping. Keep the most important part of the image in the center, and it will stay visible on most screens.
Don't want your page to change the image size? Easy - you can always add it as an inline image which keeps 100% of your images.
Side areas of the Page are flexible
As you view your Page on a large desktop monitor, you'll see what looks like empty areas at the sides. Keep in mind that these areas will crop out on smaller screens.
The content of your Page lives in the center area, so it's readable on all screens.
Using Layout sections?
Qwilr makes it easy to place text and images side by side, using our Layout widget.
On a phone screen, the columns will stack on top of one another, to keep everything easy to read. You may want to test these before you send your Page out just to ensure it all looks good!
Using video in your background?
If you use a video background in any Block, that's a great way to add movement to your page on desktop screens.
On mobile devices, however, Qwilr will instead display the thumbnail image from the video. The reason we do this is that streaming video consumes data on your client's mobile plan. We don't want to do that without their consent. So our mobile design reverts to the thumbnail image.
You can add a custom thumbnail to your video on YouTube.
How to preview the mobile version of your page
You can preview the mobile view at any time with your browser's Inspect tool. If you need help with this, please reach out to our team.
Did this answer your question? Got Feedback? Let us know by emailing [email protected]!