width: Resize to find out!px
height: Resize to find out!px
MediaQueries Stack demo: advanced settingsOn this page, MediaQueries Stacks are used to show and hide elements on the page by targeting them with custom selectors (fig. 2).
Resize your window to show/hide the sidebar (aside, red background, top rightbelow), footer (orange background), extraContainer5 (green background; above the footer) and ExtraContainer 8 (blue background; below the footer).
This option is meant for advanced users only. Finding the right selector is not supported.
The MediaQueries Stack can also be used with inline elements (fig. 1 and 2):
I'm ExtraContent5. I will only show when the screen width is between 500px and 1200px.
Your current screen width is less than 769pxbetween 769px and 1200pxmore than 1200px.
I'm ExtraContent8. I will be hidden when the screen width is more than 768px.
fig. 1: Using the MediaQueries Stack for inline content