how to change number of Nav menu items (to max 4 before 'more...')

[Abemis]

HI,

I need to have the number of Nav menu items be three (max) plus 'more...'

Right now it looks perfect in the Editor, but when I publish it shows 5 or sometimes 6 menu items and looks all wonky.

Pics for example:

In editor it looks good, 3 menu + more...:

But after Publish, it looks like this:

How can I restrict it to only display 3 (or 4) menu items and not 'double-up', I.e., make two lines ??

I'm guessing is is an easy edit, thanks in advance for any help. I understanding editing the html and less files.

Thanks,

Todd

[Abemis]

I hope to hear from somebody. 

My webpage looks lousy because the header menu "doubles up" when the browser is resized.

Thanks for any help.

[Bernadette3]

Hi @Abemis It's not possible to set a max or minimum for the navigation menu. You can try editing the font and character spacing to try to limit the number of pages that are viewed before grouping under the "more" tab. Keep in mind, though, that it may look different depending on the screen size. 

To edit the font; click on Themes>Change Font>Navigation.You can try editing the font itself, the font size, and the character spacing. 

[Abemis · Accepted solution]

Thanks Bernadette,

Actually, it is quite possible. I figured it out.

You can change the percentage in the 'nav.less code' menu section. I made it 35% instead of default which I think was 60%.

Now my menu looks good.

Just FYI and perhaps help  anyone else.

best,

Todd @Abemis