stop floating joomla

Since the version 1.1.6 of Floating Module CK you can select where to stop the module when it floats. Example :

- your module is in a left column

- when scrolling it sticks to the top of the screen

- and you want it to stop floating to avoid to goes out of its container

This is now possible using a simple option to give the CSS selector of the element that the module shall not overflow. Check this few steps to understand how it works :

Activate the floating module in the left column

First you shall check that the Floating Module CK plugin is enabled.

Edit your module and you will see the new options tab. Click on "Yes" to activate the floating effect.

 activate floating module


Stop the floating effect before the footer

The problem is that the module will stick to the top of the screen, and can overlap some over modules that are at the bottom of the page. We will use the option "Bottom Limit" to tell which element in the page is the limit. Open your browser web console and use the element inspector to detect the css selector of the element. Here in the template "Protostar" the bottom of the page is

<footer class="footer role="contentinfo">


element inspector


So you can use the css class ".footer" to select is with the following options :


module options footer stop


Final Result

Before :

bad effect


After :

 good effect


Download Floating Module CK


Fast and powerful creation, customizable and responsive.

Read More

Favorites extensions

logo maximenuck 110 logo pagebuilderck 110 logo slideshowck 110template creator ck large 449

Cookies user preferences
We use cookies to ensure you to get the best experience on our website. If you decline the use of cookies, this website may not function as expected.
Accept all
Decline all
Tools used to analyze the data to measure the effectiveness of a website and to understand how it works.
Google Analytics