Twenty eleven menu is now a vertical list, How to fix?

  • wreiterm

    (@wreiterm)


    12 years ago

    I was trying to center my menu bar in the editor, but now my menu items are a very small font size and in a vertical list instead of being on one horizontal line.

    Website is:

    http://www.ovaleyerecords.com/

    Any help would be greatly appreciated!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Michael

    (@alchymyth)

    12 years ago

    I can offer the original Twenty Eleven menu style section: http://pastebin.com/t4QUJuW8

    obviously, you lose any customisation of your menu, unless you have a backup copy of style.css before your edits …

    btw:
    if is not recommended to edit Twenty eleven directly – create a child theme to work with; http://codex.wordpress.org/Child_Themes

    the Workshop

    (@the-workshop)

    12 years ago

    install a custom css plugin like PC Custom CSS to write your changes.
    the menu is effected by

    [mod: please mark any posted code and be aware of the forum limit of 10 lines of code]

    #access ul {
    font-size: 13px;
    list-style: none;
    margin: 0 0 0 -0.8125em;
    padding-left: 0;
    }
    try margin:0 auto; first to see how it’s changes and try adding something for left and right

    #access li {
    float: left;
    position: relative;
    }

    you can add padding-left or if you don’t mind
    #access li:first-child {
    float: left;
    position: relative;
    }
    and and a margin left to nudge it all over.

    You could even open the header and add an extra <div> between the .menu and ul giving it a class and using that to center the menu.

    Thread Starter wreiterm

    (@wreiterm)

    12 years ago

    Thanks for your help! I ended up going back to the initial settings and that fixed it. Not sure what I typed to get the weird menu configuration.

    Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Twenty eleven menu is now a vertical list, How to fix?’ is closed to new replies.