Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 3, 2018 at 11:40 pm #1005226
    Autostopowicz

    First and foremost excuse me if I did not notice the solution to the kind of problem I have recently encountered.

    The main menu of my page is growing. As I add new items, after window resizing (in responsive mode) the menu starts to occupy two lines. Everything is fine (the breakpoint and so on) except the menu items are positioned to the left. It would be nice to have them centered. I tried to do this but I must have had mised something.

    I would appreciate some help here – thank You.

    September 4, 2018 at 6:40 am #1005292
    Rikard

    Hey Autostopowicz,

    Maybe it would be better if you activated the mobile menu a bit earlier? If so then please try this in Quick CSS:

    @media only screen and (max-width: 1330px) {
  nav.main_menu {
    display: block !important;
  }
  #avia-menu .menu-item {
    display: none;
  }
  .av-burger-menu-main.menu-item-avia-special {
    display: block;
  }
}

    Best regards,
    Rikard

    September 6, 2018 at 11:00 pm #1006825
    Autostopowicz

    Rikard, thanks for the suggestion. I have considered it in the frst place, but got to a point it would not be the best solution. Finally I will leave it as it is, because in the nearest future there will be more items in the menu.

    Thanks anyway.
    This thread can be closed.

    September 7, 2018 at 6:31 am #1006919
    Rikard

    Hi,

    Thanks for the feedback. I’ll close this thread for now then, please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘centering of main menu items as they are divided into two lines (two-line menu)’ is closed to new replies.