Grow your CSS skills. Land your dream job.

WordPress menu makes list vertical

  • # January 8, 2013 at 6:27 pm

    So one of my WordPress websites got hacked so I had to restore it from a backup. In doing so I had to create a new menu however the menu is now vertical not horizontal and seems to ignore display: inline-block or display:inline.

    http://www.leedsrag.org.uk/ [Password is ‘csstricks’]

    http://www.jshjohnson.com/images/LRscreen.png (what is should and used to look like)

    Any ideas?

    # January 8, 2013 at 7:35 pm

    If you give the LI’s display:block; they should line up horizontally.

    Also, it looks like the div with id “access” is wrapped in a UL — which shouldn’t be. Not sure if that had to do with the hack.

    # January 8, 2013 at 8:03 pm

    The menu UL is inside of 2 divs, and all of them are inside of another UL (which has no List items). If @Senff‘s idea doesn’t work, that might be the hack. Would something like ul.menu li {float: left;} work?

    # January 8, 2013 at 9:05 pm

    Indeed, but the wrapping UL (the one wrapping the two divs) should just not be there in the first place, so regardless, that should be removed.

    # January 9, 2013 at 5:34 am

    Ahh removing that weird UL wrap seemed to work. Thanks guys

    # January 9, 2013 at 6:15 am

    Although it has forced all dropdown menus to the left of the page

    Ignore this – just had to remove left:0

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".