last menu item not inline

  • Resolved itzik lesher

    (@triplebit2)


    11 years, 4 months ago

    I try to convert html markup into WP theme
    The upper menu items(5 items) appear declining gradually from left to right.
    Some gentleman advised to add the following code in the css file
    .menu-item{
    display:inline;
    }
    It really helped but still the last menu item in the right is not inline and located lower from all the others.
    Removing it and leaving only 4 items ends up with all horizontal items.
    Can someone advise please?
    Regards
    Triplebit

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter itzik lesher

    (@triplebit2)

    Another thing that I noticed with Firebug:
    the first 4 menu items has similar class format(though not identical) but the last one, the one that is not inline, has a different class format.
    Does that contributes something for debugging the problem?
    Thanks in advance
    Triplebit

    Thread Starter itzik lesher

    (@triplebit2)

    I forgot to mention that the url is:
    https://www.triplebit.com/wp3.5.1_2
    Thanks in advance
    Triplebit

    You have added margin-left: 18px; on your li. Not sure why you did this because if you remove it the last item also displays as it should.

    If you want to add a margin left to the whole menu you should add the margin to the UL, not to every individual list item (
    <li>)

    Thread Starter itzik lesher

    (@triplebit2)

    Thanks
    Resolved

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘last menu item not inline’ is closed to new replies.