Support » Themes and Templates » Centering Menu Items in 2011 Theme

  • Resolved madisunanne

    (@madisunanne)


    Hello,

    I am trying to center my menu items in the 2011 Theme, & to no avail…
    I have tried a number of things suggested in other similar posts, but again, nothing seems to work.

    My site is: http://www.aninchofhope.com

    If you are able to assist, I would greatly appreciate it.

    Thank you,
    madisunanne.

Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter madisunanne

    (@madisunanne)

    Try using Firefox with the Firebug add-on for this kind of CSS troubleshooting in your child theme. Or use whatever developer tool is available in your web browser.

    You have quite a bit of “messy” CSS affecting that – see the changes made here:

    #access {
        background: none repeat scroll 0 0 #FFFFFF;
        box-shadow: 0 0 0 rgba(0, 0, 0, 0.4);
        clear: both;
        display: table;
        float: none;
        margin: 0 auto 6px;
        width: auto;
    }

    Remove #access ul from this too:

    #branding, #main, #footerMenu ul, #access ul {
        margin: 0 auto;
        width: 1000px;
    }

    Thread Starter madisunanne

    (@madisunanne)

    @wpyogi,

    Thank you for your help,…
    I copied & pasted the above code (#access) into my child theme, & unfortunately, it is still left justified.

    As for the #aaccess ul code, I am uncertain which that one that is in my child theme.

    Can you offer anymore insight?

    Find this:

    #branding, #main, #footerMenu ul, #access ul {
        margin: 0 auto;
        width: 1000px;
    }

    and change to:

    #branding, #main, #footerMenu ul {
        margin: 0 auto;
        width: 1000px;
    }

    You also should CHANGE/REPLACE the existing section of this:

    #access {
        background: none repeat scroll 0 0 #FFFFFF;
        box-shadow: 0 0 0 rgba(0, 0, 0, 0.4);
        clear: both;
        display: table;
        float: none;
        margin: 0 auto 6px;
        width: auto;
    }

    Try to avoid just adding more and more (duplicate) CSS.

    Thread Starter madisunanne

    (@madisunanne)

    @wpyogi,

    Thank you for your insight,…
    Menu is now centered.

    madisunanne.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Centering Menu Items in 2011 Theme’ is closed to new replies.