Page Comparison

...

Simulate Mobile View on Computer Image Removed You can simulate the different viewing experiences on your computer through features on your browser.  Most browsers have a screens icon (pictured here) that allow you to toggle this option when in Developer Mode. Image Added Firefox users, go to the Menu in the upper right (far right from the web address bar), and select Web Developer > Responsive Design Mode [or, Mac keystroke Command+Alt+M].  Chrome users, go to Menu > More Tools > Developer Tools and toggle the device toolbar by clicking the second icon . You may select specific mobile devices to simulate from here. Safari users, enable “Develop menu” by going to Safari preferences, and under Advanced, toggle the checkbox to “Show Develop menu in menu bar”. Then go to Develop > Enter Responsive Design. Once in Responsive Design mode, you can select attributes to simulate specific models of phones and tablets.

Of the The most noticeable changes change in CCLE , is that the three-column layout in the desktop version reduces to a single , scrolling column on mobile devices. This layout makes items on the course site the featured primary content of CCLE, with weekly tabs and activity types reduced to a hidden sidebar. To access the CCLE course menu, tap the three horizontal lines, or the hamburger menu icon, in on the top left corner of the site.

...

Adding and editing activities and resources in the mobile view functions works similarly to the desktop version. However, there are certain functionalities that are slightly more difficult to use in the mobile interface, such as the “Grader Report” and embedded Google Docs and PDFs as , since they do not conform to smaller screen sizes.

...

Responsive design in CCLE is ideal for faculty and students hoping to view course materials on a variety of devices.   For editing content, we recommend using a larger screen such as a computer is recommended due to the natural limitations of the smaller screen.