Center nav bar in 2014 theme

  • Resolved jswiss

    (@jswiss)


    10 years, 3 months ago

    Hi there,

    For the life of me I can’t figure out the CSS to center my nav bar at https://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)

  • 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)

    Thank you so much Mr. Cottontail ??

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

    Cheers

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

    should get you what you’d like.

    Thread Starter jswiss

    (@jswiss)

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

    Thread Starter jswiss

    (@jswiss)

    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

    https://67seconds.com/roger/

    Is there a fix?

    Thanks

    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)

    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.