Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 11, 2015 at 12:08 pm #501563
    Freek

    Hi,

    I want to justify the header menu. What code can i use for this?
    I tried the following code but no luck. I use the Logo center/menu center option.

    .main_menu ul:first-child > li > a { text-transform: uppercase; font-size:20px;text-align: justify;
    text-justify: inter-word;}

    THX Freek

    September 11, 2015 at 4:14 pm #501755
    Elliott

    Hi Freek!

    I don’t think your going to be able to justify that. You could set each list item to have a certain width but it would look weird depending on the amount of links you have. Also it wouldn’t be very responsive.

    It would be possible for the sub menu links because they are all the same width and they will display the same if the screen gets resized.

    Cheers!
    Elliott

    • This reply was modified 9 years, 3 months ago by Elliott.
    September 11, 2015 at 4:21 pm #501767
    Freek

    I think you are right but i will give it a try. What css code code can i use for fixed menu item width?
    THX Freek

    September 11, 2015 at 5:44 pm #501828
    Elliott

    Hi!

    This CSS will give them a fixed width.

    .av-main-nav > li {
  width: 20%;
}
.av-main-nav > li > a { width: 100%; }

    Best regards,
    Elliott

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