Twenty Eleven centered Menu?

  • Resolved Yro

    (@nocliq)


    13 years, 10 months ago

    Im using the Twenty Eleven theme in the “One column” style, without sidebars, etc. Im working with child theme.

    My question is how to get the menu, in twenty eleven child, centralized?

    Can anybody help me with it?

    Sorry about my english.

Viewing 8 replies - 1 through 8 (of 8 total)
  • Thread Starter Yro

    (@nocliq)

    13 years, 10 months ago

    Im trying this code:

    #access {
    background: #000;
    margin: 0 auto;
    width: 800px;
    display:block;
    position:absolute;
    text-align:center;
    }
    #access ul{display:inline-block;}

    With this, the menu gets centralized, but it gets more heigh. How can I make the menu centralized but with the same heigh as before the edit?

    Digital Raindrops

    (@adeptris)

    13 years, 10 months ago

    Hi,
    Have a look at the line-height: and margins, adjusting to suit!

    I use this block below to centre the twenty eleven menu, note that Internet Explorers older browsers, needs some extra styles.

    /* = Centre Menu including IE7 Support
------------------------------ */
#access {
	text-align:center;
}

#access ul {
         display:inline-block;
         *display: inline; /* For IE7 */
         *zoom:1; /* For IE7 */
         vertical-align:top;
}

#access div {
	margin: 0;
}

#access a {
	line-height: 1em;
}

    HTH

    David

    Thread Starter Yro

    (@nocliq)

    13 years, 10 months ago

    This realy centralize my menu but make it tiny..

    Take a look at: http://www.intheup.net/blog

    How to solve this issue?

    Thread Starter Yro

    (@nocliq)

    13 years, 10 months ago

    Now I tried this code:

    #access a {
    line-height: 1em;
    }

    with “2em” and the menu texts gets the correct aspect, but the menu is very tiny yet.

    Can You help me with it?

    Take a look at my blog to see what Im talking about.

    Thread Starter Yro

    (@nocliq)

    13 years, 10 months ago

    Ok.

    I cannot stay here and wait for every work to be done…

    I made one change:

    #access a {
    line-height: 3.3em;
    }

    Now the menu is centralized and its in the perfect size, form, etc.

    Its just perfect.

    Thats the 3rd time You help me in the past few minutes. I dont know how to thanks.

    Well.

    Thank You so much for Your help and for wasting Your time with my questions.

    and, again, sorry about my english.

    Thread Starter Yro

    (@nocliq)

    13 years, 10 months ago

    Problem solved.

    Thank You dude.

    Thread Starter Yro

    (@nocliq)

    13 years, 10 months ago

    Ops..

    Just for sharing infos..

    I figure out how to have the NavMenu centered but the text items in “ul” aligned to left (or right). Here are the codes provided by Digital Raindrops and twiked by me:

    #access {
    text-align: center;
    }
    #access ul {
    display: inline-block;
    *display: inline; /* For IE7 */
    *zoom: 1; /* For IE7 */
    vertical-align: top;
    }
    #access div {
    margin: 0;
    }
    #access a {
    line-height: 3.3em;
    font-weight: bold;
    }
    #access ul ul {
    text-align: left;
    font-weight: bold;
    }
    #access ul ul a {
    font-weight: bold;
    }

    The code that makes UL aligned to the left is in bold.

    Oh yeah.. The menu items, im my case, are in Bold with this code “font-weight: bold;”

    See ya..

    Thread Starter Yro

    (@nocliq)

    13 years, 10 months ago

    Take a look at my blog to see these codes in action: http://www.intheup.net/blog

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘Twenty Eleven centered Menu?’ is closed to new replies.