Center Navigation Bar and Header Logo

  • Resolved garciaspress

    (@garciaspress)


    11 years, 6 months ago

    Hi guys, hope you’re doing well.
    I’m having a difficult time centering the top navigation bar and header logo on my website. Here is the website:

    noticieroimperio.com

    I’d like to center the top navigation bar that says “Noticiero Imperio, Estados Unidos, etc..”. The text is already centered, so that’s good, but I want the whole navigation in the center of the page. It looks to be on the left. Same deal with the globe logo.

    Here is the CSS code for the header and navigation bar. Thanks in advance guys!

    [Excessive CSS removed – it’s all visible on your site – no need to post any of it]

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

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

    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)

    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!

    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.