Twenty Seventeen Theme Customisation

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

Updated: September 18, 2018  Posted: March 6, 2017  ~ 3,126 Readers   ~ 1 Minute Read    11 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:

In WordPress Admin > Appearance > Edit CSS.

Enter the CSS code below.

The CSS code:

.site-navigation-fixed.navigation-top {
	/* bottom: auto; */
	position: relative;
	/* left: 0; */
	/* right: 0; */
	/* top: 0; */
	/* width: 100%; */
	/* z-index: 7; */

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


Ask & Share

Do NOT follow this link or you will be banned from the site!