Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 2, 2020 at 4:53 am #1257508
    marypolistchuk

    screen shot of header area

    Hi, just looking to spread the main menu evenly across the screen. CSS from other posts wasn’t working.

    November 2, 2020 at 4:57 am #1257509
    marypolistchuk

    fixed image link: sorry!

    https://imgur.com/bkPXn4S

    November 2, 2020 at 8:29 am #1257527
    Guenni007

    you can try to have here a flexed container – and the li’s as flex-items.
    Try on quick css:

    #avia-menu {
    display: flex !important;
    flex-flow: row wrap;
    justify-content: space-between;
}

    this could end up in a multi line menu – but i guess the hamburger state will be effective before that happens

    November 2, 2020 at 10:43 pm #1257736
    Victoria

    Hi marypolistchuk,

    Did you get it working with Guenni007’s suggestion or do you need more help?

    Best regards,
    Victoria

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.