Navigation bar width – Twenty Eleven

  • Resolved BoxerDog

    (@boxerdog)


    10 years ago

    I have created a child theme based on Twenty Eleven theme. I want to reduce the width of the navigation bar from 100% to 90% and centre this on the page. I can reduce the width OK how do I centre the navigation bar? Currently the bar sits to the left edge.
    Thank you.

Viewing 2 replies - 1 through 2 (of 2 total)
  • zeaks

    (@zeaks)

    I’m guessing you changed the 100% width to 90%, and also assuming you did not change the max width of the site from 1000px.

    If that’s correct then try this

    #access {
  margin: 0 auto 6px 5%;
    max-width: 900px;
    width: 90%;
}

    This will set a max width of 10% less than 1000px, and use 5% for a left and right margin.

    Thread Starter BoxerDog

    (@boxerdog)

    Excellent thank you.
    Ended up with the following and it gives me the look I was after perfectly.

    #access {
    margin: 0 auto 6px 2.5%;
    max-width: 1000px;
    width: 95%;
    }

    This provides the subtle break I wanted between the navigation bar and the background but still provides a responsive layout.

    Thank you – Appreciate your help!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Navigation bar width – Twenty Eleven’ is closed to new replies.