The layout and features of miscellaneous elements will change based on the device that they are displayed on. Use the following mockups while creating your site design so you can customize all aspects of the following and maintain a consistent and reliable design.
Responsive device size breakdown used in MindTouch. Approximated pixel values displayed alongside their em units for easier reference.
- Large Desktop (87.5 em = 1400 px)
- Desktop (80 em = 1280 px)
- Laptop (65.25 em = 1044 px)
- Tablet - landscape (50 em = 800 px)
- Tablet - portrait (37.5 em = 600 px)
While page settings are only visible by pro members, there are slightly different views based on whether the article is a live page or a draft. Page settings are not visible in mobile sized views.
Download: Page settings.zip
Draft and live page unpublished
Page settings on a draft page will have slightly different controls when it's live page is unpublished.
Draft and live page without draft
The page settings view when you are editing a draft page that has a live page or just editing a live page that does not have a draft.
The responsive tables are found on numerous special pages and can be affected by default table styles if added incorrectly. These tables will show or hide columns based on the screen size so keep that in mind when you style your tables.