Top Menu not sticky / fixed if menu is two rows wide

One solution would be to nest the menu so you do not have too many parent items. I am sure you already know this.

The other would be to add some custom css to extend the size of the menu wrap, this, however, will only work on large screens. No good for ipads etc.

@media screen and (min-width: 1139px) {
	.navigation-top .wrap {
		max-width: 1140px!important;
	}
}

Thank you for this reply.

I think, I have to discribe my problem more specific.

My question:
How can I fix the top/main menu “sticky” on top of website in case,
– that the menu has many listings, so that the menu shows 2 rows.

The aim is, to make the top menu “sticky” on top of website even if it shows 2 rows! (Right now, the menu is not sticky on top of website in such case, so it slipps away in case of scrolling downwards).
The above mentioned problem does not appear on mobile websites, only on “wide screen websites” and ipads etc.

Thank you and best regards.
Carsten

I checked your sites and I see your problem is fixed . How did you do it? I have the same issue. https://potrerochico.com

• This reply was modified 7 years, 3 months ago by rpeckham.

The solution is simple, but a tragedy and potentially a bug:
Try to reduce the words in the top main menu. If you can reduce to a one row menu the menu will be sticky. But with a two row menu, the menu is no longer sticky.
I run two different websites where you can see the effect:
https://scheidung-in-potsdam.de/ and https://www.die-familienkanzlei.com/

I kindly ask you to give WordPress a information that this is potentially a bug. I already did from the very beginning, but nothing happend…till yet…

I see one of your websites has 2 rows but is sticky. I’m not sure I understood you correctly. The only way I can get the menu to be sticky is with one row like you said but you have 2 and is sticky. How did you do that?

Hello. This is funny. If I check the 2 above mentioned websites with the microsoft edge browser or the opera browser the menu is always sticky (for both websites).
If I read the websites by using the firefox browser, the website https://www.scheidung-in-potsdam.de” does not have a sticky header menu. This is funny. I learned this because of your last comment.

I checked your website with Firefox, Opera and Microsoft Edge. In case of scrolling down your website, here from Germany your main menu / top menu always appears as sticky on the top of the webssite. This is similar to my effect. You think, that it is not sticky, but for other people your website appears with a sticky menu.
–
Additional addvice:
To improve the speed of “Twenty seventeen”, I use the plugins:
“Disable emojis” and “disable xml-rpc” and “WP Fastest Cache” in Combination with “Autoptimize”. They work perfect with each other and make this side very fast. Try https://www.gtmetrix.com and you will see the effects.
Regards