how-to-stop-fixed-widget-in-sidebar-going-over-footer

deunsdenis
48 Posts
deunsdenis posted this 17 December 2016

Hello,
Thank you for all the work of the teams themler.
My question is in the title, themler does not support this function but there is a code to add to it?

Thx

Hello, Thank you for all the work of the teams themler. My question is in the title, themler does not support this function but there is a code to add to it? Thx
Vote to pay developers attention to this features or issue.
6 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 19 December 2016

Hi,

I assume that you need to edit the z-index value for the footer, use the high numbers such as 1000.

Sincerely,
Hella

Hi, I assume that you need to edit the z-index value for the footer, use the high numbers such as 1000. Sincerely, Hella
deunsdenis
48 Posts
deunsdenis posted this 19 December 2016

Hi,
Your way does not stop the widget area. Only the illusion of passing behind the footer.

It should be possible to stop the sticky effect, when the widget area touches the footer.

In this example code we see that the effect is stop at an ID
https://github.com/AndrewHenderson/jSticky

<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.jsticky.js"></script>
<script type="text/javascript">
    $(function(){
        $("#HTML1").sticky({
            topSpacing: 58,
            zIndex:2,
            stopper: "#bottombar"
        });

    });

Hi, Your way does not stop the widget area. Only the illusion of passing behind the footer. It should be possible to stop the sticky effect, when the widget area touches the footer. In this example code we see that the effect is stop at an ID https://github.com/AndrewHenderson/jSticky <script type="text/javascript" src="jquery.min.js"></script> <script type="text/javascript" src="jquery.jsticky.js"></script> <script type="text/javascript"> $(function(){ $("#HTML1").sticky({ topSpacing: 58, zIndex:2, stopper: "#bottombar" }); });
Support Team
Support Team posted this 21 December 2016

Hi,

Unfortunately feature you're asking for is not supported in Themler.
Looks like plugin you provided does not work with bootstrap affix feature used by Themler. Looks like it provides own sticky functionality. But we cannot say why it does not work because we do not provide support for third-party plugins. All I can suggest that you check error on the page and try wrapping this sticky function into jQuery(function ($) { and }); jquery function.

Thank you,
Themler Team

Hi, Unfortunately feature you're asking for is not supported in Themler. Looks like plugin you provided does not work with bootstrap affix feature used by Themler. Looks like it provides own sticky functionality. But we cannot say why it does not work because we do not provide support for third-party plugins. All I can suggest that you check error on the page and try wrapping this sticky function into `jQuery(function ($) {` and `});` jquery function. Thank you, Themler Team
deunsdenis
48 Posts
deunsdenis posted this 21 December 2016

Hello, ok it was not to operate this plugin.
My question was: you stop the widget when you touch the footer.
I will find another way of fixed my widget
Thx Thank you even for the help

See you soon

Hello, ok it was not to operate this plugin. My question was: you stop the widget when you touch the footer. I will find another way of fixed my widget Thx Thank you even for the help See you soon
Support Team
Support Team posted this 22 December 2016

Hello ,
please let us know do you need further help with this case?

regards,
Aileen

Hello , please let us know do you need further help with this case? regards, Aileen
deunsdenis
48 Posts
deunsdenis posted this 22 December 2016

Hello, thank you,
But you can not help me anymore.
Thx

Hello, thank you, But you can not help me anymore. Thx
You must log in or register to leave comments