Center nav bar in 2014 theme

  • Resolved jswiss

    (@jswiss)


    9 years, 4 months ago

    Hi there,

    For the life of me I can’t figure out the CSS to center my nav bar at http://67seconds.com/roger/. I’m trying to use firebug, but I’m getting no where.

    Can you have a quick look and tell me what I should change in the CSS?

    Many thanks

    John

Viewing 7 replies - 1 through 7 (of 7 total)
  • stephencottontail

    (@stephencottontail)

    9 years, 4 months ago

    In your child theme’s stylesheet, in the .primary-navigation section, change display: inline to display: block and add width: 100%.

    Thread Starter jswiss

    (@jswiss)

    9 years, 4 months ago

    Thank you so much Mr. Cottontail 🙂

    Can you tell me how to left align the sub-links – they are all centered now

    Cheers

    stephencottontail

    (@stephencottontail)

    9 years, 4 months ago

    .sub-menu {
text-align: left;
}

    should get you what you’d like.

    Thread Starter jswiss

    (@jswiss)

    9 years, 4 months ago

    Thanks you sir! Have a good one and thanks for your help!

    Thread Starter jswiss

    (@jswiss)

    9 years, 4 months ago

    Oops , I spoke too soon –

    before we made the changes the menu (nav bar) would stay fixed to the top of the browser window when the page was scrolled down. Now the menu disappears when the page is scrolled

    http://67seconds.com/roger/

    Is there a fix?

    Thanks

    stephencottontail

    (@stephencottontail)

    9 years, 4 months ago

    How was it fixed to the top of the window before? I don’t recall seeing position: fixed in your CSS anywhere.

    Thread Starter jswiss

    (@jswiss)

    9 years, 4 months ago

    It was fixed before (When I scrolled down the page, the menu was fixed at the top of the browser window) – I just assumed that was a “feature” If it helps I’m using a plugin called 2014 extended…

    Thanks

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Center nav bar in 2014 theme’ is closed to new replies.