In order to ensure your content is mobile responsive, there are a few best practices we encourage you to follow.
Best Practices
- Use the Editor Widget: We encourage you to refrain from using the Text widget for formatting content on your pages. That widget is outdated and while it is still available to use, it does not contain the most updated technology for both mobile responsiveness and accessibility.
- Use Multiple Editor Widgets for Page Layout: We encourage you to use multiple Editor widgets when you need to stack content side-by-side on a page, rather than using tables within the editor. Tables should only be used when displaying data and not for page layout. Using tables for page layout will cause your content to display incorrectly on mobile devices.
- Ensure Images are Mobile Responsive: Learn how to create mobile responsive images.
Feedback About the Article
Let us know what was helpful or not helpful about the article below.2 comments
Is there a way to get side-by-side Editor widgets to stack on mobile (or any widgets, i.e. Editor and Image widgets side-by-side)?
Currently, two Editor widgets side-by-side results in very narrow text on mobile that is hard to read. Our users are 70% mobile, so this behavior would be enthusiastically welcomed.
I agree. I assumed part of the reasoning for using widgets was that they would automatically stack on smaller screens. But no. Some have the option to edit the break point, but I have yet to see that actually work anywhere.
Please sign in to leave a comment.