[Resolved] Menu moves to left when sticky.

[Jonathan]

I have tried to find the answer to my issue, but no luck. The sticky menu on my site is behaving like the sticky menu on the demo site http://demo.generatepress.com. When you start to scroll the page the menu that was aligned right moves to the left. This doesn’t happen on https://generatepress.com. The sticky menu stays aligned right (doesn’t move) when you start to scroll the page.

I want my site’s menu to stay on the right when scrolling the page. What am I doing wrong? In “customize” Header Alignment is right, Nav Pos is float right and Nav Allign is Right. Still the menu moves left as I start to scroll. I downloaded GP yesterday so I’m hoping that I am just missing something simple. Thanks!

[Tom]

This is a bug which has been fixed in the next version of GP Premium/Menu Plus 🙂

If you’d like to apply the fix right away, you can add this CSS:

@media (min-width: 769px) {
	.nav-float-right .navigation-clone.main-navigation .menu > li {
		float: none;
		display: inline-block;
		*display: inline;
		*zoom: 1;
	}

	.nav-float-right .navigation-clone.main-navigation ul {
		letter-spacing: -0.31em;
		font-size: 1em;
	}

	.nav-float-right .navigation-clone.main-navigation ul li {
		letter-spacing: normal;
	}

	.nav-float-right .navigation-clone.main-navigation {
		text-align: right;
	}
}

Let me know if you need more info 🙂

[Jonathan]

Easy enough! Thanks!

[Tom]

You’re welcome 🙂

[Author]

Posts