Remove sticky menu

Hi @jlondonr
try to go in your WordPress Dashboard under “Appearance-> Customize-> Additional CSS” and paste this CSS code:

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

This should work ??

It keeps the header (black bar along the top) in place, but .menu class is still sticky to the top of the screen when you scroll. I tried placing position: absolute !important; within the .menu class but it has no effect.

Hi @jlondonr
I just tried the CSS code on our demo and it works correctly (header is no longer sticky).
Can you link me your website?
In this way I can see where the problem is.

oldlongisland.org/WP-OLI-JW

The site is under construction.

I used the .menu class because it directly controlled the menu rather than the header, which I didn’t want visible.

All CSS edits I made were done to reposition the menu for each screen resolution (centred and different formatting as needed), aside the lines to remove the black header, but maintain the menu.

Hi @jlondonr
I visidet your website.
You put a lot of custom CSS code in the menu, so I didn’t understand why the menu kept sticking ??
In the .menu class you have added “position: fixed”, for this reason the menu remains fixed to the screen.
If you set it to “absolute” and add the code I gave you earlier, you should solve the problem.

It worked! Thank you very much!