With the Floating Content stack you can easily make special content float on top of your normal page content. Simply set the margins from the top and side and this stack makes sure that the Floating Content position is automatically adjusted while scrolling the page or resizing the browser window.

Besides that it comes with a Responsive approach, based on CSS3 @Media that is supported by modern browsers. Meaning that you can automatically hide the Floating Content on smaller screens.


Just a quick list with some of the possibilities:
  •  Position content into the corner of a page
  •  Adjust the position while scrolling a page
  •  Floating content elements
  •  Sticky content elements
  •  Center content on a landing page
  •  Support for a custom button to hide the Floating Content with a click
Resize your browser window or scroll down on this page to see the stack in action or visit the Infinite-R theme demonstration site. Below some basic content, created with the Lorem Ipsum Utility, to show how the Floating Content stack responds to page scrolls.


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