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


Outil de création rapide, puissant et responsive.

En savoir plus

Extensions favorites

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

Choix utilisateur pour les Cookies
Nous utilisons des cookies afin de vous proposer les meilleurs services possibles. Si vous déclinez l'utilisation de ces cookies, le site web pourrait ne pas fonctionner correctement.
Tout accepter
Tout décliner
Outils utilisés pour analyser les données de navigation et mesurer l'efficacité du site internet afin de comprendre son fonctionnement.
Google Analytics