Updating...
Skip to main content
Filter your search by category. Current category:
All
All
Knowledge Base
Service Catalog
Search the client portal
Search
Sign In
Show Applications Menu
Client Portal
Sign In
Search
IT Support
Projects
Services
Knowledge Base
More Applications
Skip to Knowledge Base content
Search
Articles
Blank
Knowledge Base
Website Design & Support
Mobile View With Google Chrome
Mobile View With Google Chrome
Tags
webservices
website
See what a website looks like on a mobile phone while using your computer.
Written Instructions
Right-click any text on your web page within the Google Chrome web browser, select “Inspect.”
Click on icon that looks like a mobile phone and a tablet, found at top right of inspect window. This is “Toggle device toolbar.”
Change “Responsive” to iPhone 6/7/8 or desired device using the dropdown arrow at top left of the webpage.
Click the down arrow in the top right.
Then click “Show device frame.”
Finished Result
Sign in to leave feedback
100% helpful - 1 review
Blank
Blank
Blank
Blank
Print Article
Deleting...
×
Share
Recipient(s)
- separate email addresses with a comma
Message
Press Alt + 0 within the editor to access accessibility instructions, or press Alt + F10 to access the menu.
Check out this article I found in the Client Portal knowledge base.<br /><br /><a href="https://support.csuchico.edu/TDClient/1984/Portal/KB/ArticleDet?ID=85541">https://support.csuchico.edu/TDClient/1984/Portal/KB/ArticleDet?ID=85541</a><br /><br />Mobile View With Google Chrome<br /><br />Preview see what your web page looks like on a mobile device using Chrome Inspect.