Sticky row and load javascript deffered

My Super Site
23 Posts
My Super Site posted this 01 January 2019

Hi!

I use a cache plugin with option for loading of js deffered. When I turn it on - my sticky row in the header is no sticky anymore.
Can I change something in the header, so that I can use both the deffered option and the sticky row?

Here's the site: изработка на сайт

Thanks!

Hi! I use a cache plugin with option for loading of js deffered. When I turn it on - my sticky row in the header is no sticky anymore. Can I change something in the header, so that I can use both the deffered option and the sticky row? Here's the site: [изработка на сайт][1] [1]: https://mysuper.site Thanks!
Vote to pay developers attention to this features or issue.
8 Comments
Order By: Standard | Newest
My Super Site
23 Posts
My Super Site posted this 03 January 2019

Thanks, but I actually need to know what file to remove from deferred js loading. I've tried with bootstrap.js, and all other js files the theme is using - without result. I also excluded jquerry, but again - my row is not sticky, if I turn on deferred loading of js.

Thanks, but I actually need to know what file to remove from deferred js loading. I've tried with bootstrap.js, and all other js files the theme is using - without result. I also excluded jquerry, but again - my row is not sticky, if I turn on deferred loading of js.
My Super Site
23 Posts
My Super Site posted this 08 January 2019

Hi, Themler team! Can I get some help, please?

Hi, Themler team! Can I get some help, please?
Support Team
Support Team posted this 08 January 2019

Hello Petia,

Sorry for the delay in reply.
Curently your site has white row in header sticky.
Have you disabled that plugin or do you need to keep the blue row sticky as well?
If that plugin is disabled, please, enable it.

Gina
Themler Support

Hello Petia, Sorry for the delay in reply. Curently your site has white row in header sticky. Have you disabled that plugin or do you need to keep the blue row sticky as well? If that plugin is disabled, please, enable it. Gina Themler Support
My Super Site
23 Posts
My Super Site posted this 09 January 2019

I need just the white row to be sticky.
And yes, the plugin was disabled. I have now enabled it.

I need just the white row to be sticky. And yes, the plugin was disabled. I have now enabled it.
Support Team
Support Team posted this 09 January 2019

The plugin is blocking jQuery that is responsible for making the menu stay fix exactly on scroll.
I can provide CSS code that makes the header sticky but it will be always sticky and fixed (regardless on scroll or not) and without that jQuery working you will see 50px gap on top when scrolling:

#section9 {
    position: fixed; 
    top: 0;
    width: 100%; 
    background-color: white; 
    z-index: 99999; 
    margin-top: 50px;
}

I can only suggest making entire header (along with the blue line sticky) to avoid that gap, or moving the top line above so there is no gap.

Gina
Themler Support

The plugin is blocking jQuery that is responsible for making the menu stay fix exactly on scroll. I can provide CSS code that makes the header sticky but it will be always sticky and fixed (regardless on scroll or not) and without that jQuery working you will see 50px gap on top when scrolling: #section9 { position: fixed; top: 0; width: 100%; background-color: white; z-index: 99999; margin-top: 50px; } I can only suggest making entire header (along with the blue line sticky) to avoid that gap, or moving the top line above so there is no gap. Gina Themler Support
My Super Site
23 Posts
My Super Site posted this 09 January 2019

Thank you!
If I make the entire header sticky, should I use again some code, like the one above? But maybe instead of #section9 I should use #header ?

Thank you! If I make the entire header sticky, should I use again some code, like the one above? But maybe instead of #section9 I should use #header ?
Support Team
Support Team posted this 09 January 2019

The code for entire header would be this:

header {
    position: fixed; 
    top: 0;
    width: 100%; 
    background-color: white; 
    z-index: 99999; 
}

Gina
Themler Support

The code for entire header would be this: header { position: fixed; top: 0; width: 100%; background-color: white; z-index: 99999; } Gina Themler Support
My Super Site
23 Posts
My Super Site posted this 09 January 2019

Thanks! All works now!

Thanks! All works now!
You must log in or register to leave comments