Sticky header stopped working

Illdy
1

Hi

Yesterday the sticky header worked fine, today it disappears. However, it displays properly on the preview but not when published. I’ve tried the following code - which doesn’t work:

/Sticky header/
header#masthead {
position: fixed;
width: 100%;
z-index: 100;
}

Any ideas please?

Many thanks.

Jenny

2

Hi there

Hope you are having a good day and thank you for your question
is it enabled or not?? if yes, then please deactivate all third party plugins and try again your problem, most probably this I conflict with third-party plugins.
Once you deactivate all plugins please check your problem again, if the problem is gone then this means it was a plugin conflict. Now, start activating plugins one by one and same time repeat your problem until your problem appears again, now you know which plugin was in conflict Thanks!
Colorlib Support Team

3

Hi, thanks for the reply. I’ve disabled the most recent plugins (the ones I added around the same time that it stopped working) and it’s still not working. Yes, it’s enabled.

Thanks.

4

Hi,

ok, can i check this? please use this plugin to create temporary access for us, its automatic login link and does not requires sharing your admin details. here is How To guide. at the and don’t forget about  “Set as private reply” at the bottom of the message box  

5

Thanks. I need to enter an email address for the login, can you please provide one?

6

Good morning jenny

Use your email address or any dummy email, link is just for temporary use :slight_smile:

7

Hi, here’s the temp login, thanks.

https://www.jennywing.com/wp-admin/?wtlwp_token=648323ae238bc3de7d08fee964afa51c

8

Hello there,

I hope you are doing well today.

You can use the following CSS code to fix the sticky header by going to Appearance > Customize > Additional CSS and pasting it there.


/*Sticky Header*/
#header .top-header {
    position: fixed;
}

Best Regards,
Support

9

Thank you, that has worked but the background colour is missing, how do I fix that please?

10

Hello there,

In that case, replace the last code with this:


#header .top-header {
    position: fixed;
    background-color: red;
}

Best Regards,
Support

11

Thanks but now the header is permanently red rather than changing to red when I scroll…

12

Is there code I can use to solve this please?

13

Hello Jenny

No need css, this I conflict with third-party plugins. please deactivate all third party plugins and try again your problem,
Once you deactivate all plugins please check your problem again, if the problem is gone then this means it was a plugin conflict. Now, start activating plugins one by one and same time repeat your problem until your problem appears again, now you know which plugin was in conflict Thanks!
Colorlib Support Team

14

Hi, this was suggested at the beginning so I’ve tried it and the plugins aren’t affecting it. Have you logged into my site to check for any other problems?

The header/menu is now sticky but the background is transparent. I want the background to be yellow but only when scrolling. This has worked before using the customise optoins but stopped working.

Thanks.

15

HI

Jenny, yes i was logged, have tried plugin deactivation and sticky menu worked after this, im sure this is one of the third party plugins

16

Thanks, yes it seems to be working now. If all the plugins have been activated again I’m not sure why it is now working if they are the cause. Anyway, it’s working so that’s good! Many thanks for your help.

17

Hello there,

I am glad the issue was resolved and things are going well now.
Please feel free to contact us again in the future regarding any other issues.

Best Regards,
Support