Twenty Seventeen Theme Customisation
Twenty Seventeen is the default 4.7 WordPress theme for 2017. Register for and request customisations here.

How To Remove Sticky Menu In Twenty Seventeen, And Make It UnSticky

Updated: July 1, 2017 Posted: March 6, 2017~ 2,449 Readers ~ 1 Minute Read 8 Comments >>

The default main menu in Twenty Seventeen sticks to the top of the page after the header scrolls off the top of the page. The sticky behaviour can be removed, and the menu can be made to move off the top of the page.

The default sticky main menu.

The sticky main menu removed, and made unsticky.

Where and how to make the menu main not sticky:

Get instant access to this customisation, and more.

Subscribe to use this and other WordPress customisations, and to receive other supporting information by email about growing your business online.

This free access and support is only available for a limited period.

Your login will be emailed to the address you enter above.
Your privacy is respected, and there is no spam.

There are 8 comments to the above post [Read comments].
Click here to comment, ask or share something.


  • joe says:

    Hello, This didn't seem to work for me. I would like to remove the navigation bar completely since my site only needs one page at the moment. I pasted the code to the css and nothing changed. I also tried adding it through the customization option in the dashboard.

    • Joe,
      I just put the code into the CSS of the customizer and it works -- the menu scrolls off the top of the page.
      The CSS has not been created to remove the menu completely, but to allow it to scroll off the top of the page with the header.

  • Matthew says:


    Thank you for your insights.

    I would love if you could make a post on how to move site title and logo from over sticky menu to the menu itself on twenty seventeen - like on this blog.

    Best regards,

Comment, ask or share something...