Responsive System
The Responsive System in the NEOS theme is JavaScript-Based.
The definition of element dimensions is set when the page loads. These dimensions will not be updated when user
resizes the browser window or changes the device orientation.
When user resizes the window or changes the device orientation a Window Resized message will be displayed, instructing the site user to Refresh the page.
When user resizes the window or changes the device orientation a Window Resized message will be displayed, instructing the site user to Refresh the page.
Breakpoints
Breakpoints are specific browser screen sizes that trigger a particular width configuration for blog content -
(View).
Maximum Width As stated in the third breakpoint above, the maximum content width is limited to 800px.
| Breakpoint | Screen Size | Content Width |
|---|---|---|
| 1 | <=319px | Auto. Ranges from 0 - 289px |
| 2 | >=320px and <=575px | Auto. Ranges from 280px to 535px |
| 3 | >=576px | Auto. Ranges from 496px to 800px |
Maximum Width As stated in the third breakpoint above, the maximum content width is limited to 800px.