Support » Theme: Freddo » Remove sticky menu

  • Resolved jlondonr

    (@jlondonr)


    I would like to remove the sticky functionality of the menu. I have tried multiple methods none of which seem to work.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Theme Author CrestaProject

    (@crestaproject)

    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.

    Theme Author CrestaProject

    (@crestaproject)

    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.

    Theme Author CrestaProject

    (@crestaproject)

    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!

Viewing 6 replies - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.