Skip to main content

Search

We are excited to announce the launch of updated product names, logos, and headers within our user interfaces as part of the CivicPlus® Solution Rebranding initiative. These changes mark the first step toward creating a cohesive and seamless user experience across all solutions in our portfolio. As part of this transition, users may notice minor design updates. While the functionality you rely on remains unchanged, we are in the process of updating screenshots and other resources on our Help Centers to reflect the new branding. We appreciate your patience and understanding as we work to complete these updates.

Mobile Responsive Content Best Practices

  • Updated:

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

Date Votes
  • Michael Volkmar

    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.

    0
  • Jennifer Valdez

    I have to agree with Michael. Why do the editor widgets stay side by side when the page is on mobile? It would make more sense to stack them, which is what I expected. Is there any plan to correct this? 

    0

Please sign in to leave a comment.