Before you ask please READ THIS

Main menu breaking into two lines


My main menu has too many links so it breaks into two lines. I would want it to go to mobile menu on max width 1130px. Is there a way to do this? I need all my links all the time. You can check this in I tried to write my own code into it but it didn't do anything when clicking the menu icon. I guess there is a preventdefault or something?


  • AirAir
    Posts: 10,000
    Hey there :-)

    I have just checked your site, and mobile menu kicks in when you wanted, and as you say it doesn't work.
    The case is, events for mobile menu kick from 1024px, so CSS will not do the trick alone.

    I would rather work on making more space for the normal menu until breakpoint.

    So instead of your current CSS changes(those from 1130px breakpoint), add the following custom CSS:
    .header-horizontal #header .head {
        padding: 0 10px;
    As for changing breakpoints - currently, it is a heck of work to do it. If CSS would be wholly generated by PHP, then I could do something about it.

    With kind regards.
Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

In this Discussion