Center Navigation Bar and Header Logo

Viewing 4 replies - 1 through 4 (of 4 total)
  • Brad Davis

    (@brad-davis)

    10 years, 8 months ago

    One way you could do it would be:

    Logo

    .site-title {
  max-width: 460px;
  margin: 0 auto;
}

    Navi

    .sf-menu {
  max-width: 840px;
  margi: 0 auto;
}

    If you change any wording in the nav items, you may need to change the max width value.

    Thread Starter garciaspress

    (@garciaspress)

    10 years, 8 months ago

    The code for the logo worked perfectly!
    However, not the same for the navigation bar. It is still to the left.
    Thanks for your help Brad!

    Thread Starter garciaspress

    (@garciaspress)

    10 years, 8 months ago

    I found the error.
    The code for the navigation you provided has a typo.
    It should say:

    .sf-menu {
    max-width: 840px;
    margin: 0 auto;
    }

    Fixed it and worked perfectly. You saved the day. Much appreciated!

    Brad Davis

    (@brad-davis)

    10 years, 8 months ago

    Oh my bad on the typo! haha

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Center Navigation Bar and Header Logo’ is closed to new replies.