Information

With the Responsive Content stack you can easily hide or show specific content based on your visitors screen size. All it takes is a modern browsers with support for CSS3 @Media to automatically hide or show content elements. You can use this stack multiple times on a single page and of course it comes with a fallback script solution to mimic the CSS3 @Media queries in older browsers like IE7 and IE8.

Examples

Resize your browser window to see the stack in action on this page or visit the Infinite-R theme demonstration site.
This Responsive Content is visible when the browser width is between 100 and 768 pixels.
This Responsive Content is visible when the browser width is between 700 and 1200 pixels. This Responsive Content is visible when the browser width is between 700 and 1200 pixels.
  •  This Responsive Content is visible when the browser width is between 1000 and 1920 pixels.
  •  This Responsive Content is visible when the browser width is between 1000 and 1920 pixels.
  •  This Responsive Content is visible when the browser width is between 1000 and 1920 pixels.
  •  This Responsive Content is visible when the browser width is between 1000 and 1920 pixels.
  •  This Responsive Content is visible when the browser width is above 1900 pixels.
  •  This Responsive Content is visible when the browser width is above 1900 pixels.
  •  This Responsive Content is visible when the browser width is above 1900 pixels.
  •  This Responsive Content is visible when the browser width is above 1900 pixels.

Requirements

  •  RapidWeaver v5.4+
  •  Stacks Plugin v2.7+
Quick Links
  FAQ
Subscribe and get updates
Subscribe to our newsletter and get exclusive deals
you wont find anywhere else straight to your inbox!