Top header sticky?

Hi,

Is it possible to make the top header sticky (with the logo and menu)?

Thanks

Nathalie

Dear Nathalie,

Thank you for asking.

Please go to Appearance > Customize > Header Area > Menu Style > Sticky menu > Sticky

Regards,
Kharis

Thanks for the answer. It was already on sticky actually but is not working. I tried to put ‘static’ and then ‘sticky’ again but it makes no difference.

I cannot post a link as I use localhost.

Regards,

Nathalie

Hello there,

Thank you for updating me.

Could you please try to add the following CSS code through the Simple Custom CSS plugin or child theme’s style.css?

.site-header.fixed {
    position: fixed !important;
}

Please refer here.

Let me know how it goes.

Regards,
Kharis

Hi Kharis,

Working great on the home page but not so well on the other pages.

The header with menu is sticky but funnily the writing (menu) is upper on the other pages than the homepage, so that we cannot read the menu choices very well, they disappear a bit (too high)…

As if on the other pages, we would need some additional padding over the menu choices.

Regards,

Nathalie

Hello there,

Thank you for updating me.

Could you please try to change it with the following?

.site-header.fixed.float-header{
    position: fixed !important;
}

Let me know how it goes.

Regards,
Kharis

Hi,

Thanks for trying to help! Still the same unfortunately…

Nathalie

Dear Nathalie,

Could you please post your site URL here so I can have a closer look?

If you want it to remain private, you can send it to my email kharisblank at gmail dotcom with the link to this topic.

Regards,
Kharis

I can’t I’m afraid, I am on localhost…

I would be glad to wait until your site gets live.

Regards,
Kharis