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.

Preview a Website on All Devices Using Chrome Inspect

  • Updated:

During a website redesign, or at any time, it is important to know how your website renders for various screen sizes and devices. Chrome has an extension within its Inspect toolbar that allows you to preview these from your desktop.

 

Instructions

  1. Navigate to your website
    Note: It is preferred that you do not log in.
  2. Right-click anywhere on the page and click the Inspect option in the context menu that appears
    A context menu with the Inspect option highlighted.
  3. Press Ctrl + Shift + M on your keyboard, or click the Toggle device toolbar button (device icon) in the top-left corner of the Inspect panel
    The Toggle device toolbar icon.
  4. Your website will likely have shifted display to a default option; to change this, click on the Dimensions drop-down above the website display and select any option you wish to preview
    The Dimensions drop-down.
Was this article helpful?
0 out of 0 found this helpful
Return to top

Feedback About the Article

Let us know what was helpful or not helpful about the article below.

0 comments

Please sign in to leave a comment.