ViewPortSize Stack

ViewPortSize Stack

displays the viewport size of your current page

Demo
Look look in the lower right corner of this page. Resize your browser window to see it in action.
The current width of the viewport is less than 400px.
The current width of the viewport is between 401 and 800px.
The current width of the viewport is between 801 and 1200px.
The current width of the viewport is between 1201 and 1600px.
The current width of the viewport is between 1601 and 3000px.

Usage

Use this stack to find out the breakpoint(s) of your theme, so you can set them in stacks that need those values like my LangMenu stack or in your custom CSS. Remove before publishing (or use this stack inside my DoNotPublish Stack to prevent it from being exported or published).

Need help using it on a non-stacks page? Here’s a tutorial.

Limitations
  • In some themes, the panel will not stay on top of the rest of the page content. In that case, just choose a different position on the page (the panel can be in any corner of the window).
  • This stack does not work properly in Opera or when JavaScript is disabled.

Support
Please use this form to report all issues, questions and comments.

This stack requires the Stacks plugin by YourHead (version 2 or higher).
Do you like this stack? Please consider leaving a review in the RapidWeaver Community’s Addons section [link].
ViewportSize HUD

Viewport size

width: Resize to find out!px
height: Resize to find out!px

© 2012-2017 Marathia Web Design | Contact