Hello,

my site menu is horizontal, but when its bigger than the screen default it shows a MORE icon, I don't want this, I want the link names to go to a second row of names in a smaller screen. That's really terrible on mobile version, cause it show only two menu links. I have only four!

So I found this on theme documentation: When menu is vertical, you can additionally add max-items parameter with number value. This will set maximum menu items displayed, beyond the limit 'More' menu is added.

Syntax: <div id="navigation">${navigation vertical}</div>

Syntax: <div id="navigation">${navigation vertical max-items=4}</div>


The thing is, I don't want that +MORE icon but instead all names showing, how can I change this?

My site is hosted at http://www.portugallis.com

the html code looks like this:


[navigation start]
   < div class = "menuContainer" >
        
       < div id = "navigation" > ${navigation} </ div >    
     < div class = "navCont" data-zs-container = "navigation" >
  
   
      </ div >   
     [search start]
     < div class = "searchContainer" > [searchform start]
       < div class = "searchbox" > ${searchinput}
         ${searchbutton} </ div >
       [searchform end] </ div >
     [search end] </ div >
   [navigation end]

On mobile it looks like this:

[navigation start]
< div class = "menuarea" >
   < div id = "navigation" > ${navigation} </ div >
</ div >
[navigation end]

Thanks in advance!