Limit header menu items

Hi, is there any way limit the amount of menu items by css or php?
I got many items in the header menu, and when I resize the windows, they appear in a new line under the header menu!

Greetings!

You can manually edit the menu items to change them, so if you have “new book reviews” you can change that to “book reviews” … or remove items, or make subcategories…

e.g.,

reviews
> book reviews
> music reviews
> movie reviews

etc.

You can manually adjust what in your menu to make as few or as many items as you want, change names, shorten things, or put them in sub-category drop downs.

How to:
http://codex.wordpress.org/Appearance_Menus_Screen

Yes by hand there is no problem, actually it fits in regular monitor, the problem is with monitors under 1080!
I’m gonna see if is any way around, using php!

Thanks!

Yes, you do need to leave white space and not “fill up” the menu or it will wrap on things like iPad portrait mode.

Ideally overflow should be hidden, or we should have option to add CSS to each menu element such as “hidden-tablet” to the rightmost menus which would then remove those items from the layout.

I guess if you’re using php, then it’s a different problem than what I thought you were having since CSS should ideally be able to hide portions of a CSS menu on specific devices, but no idea how to do that with the theme.

Lol, I forgot the overflow! Solved!
Thanks for that!

🙂 Been there !

One more question, what would be the css to affect only the header menu div, but not the search dropdown menu?

I solved this, Thanks Lucian!