My Logo never seems to be centred

  • I’m using a theme from Elegant Themes. Never had a problem with it. However, my Logo at the top of the page never seems to be centred. I created the logo myself, so I know the image itself if balanced. But when you look at my webpage, it looks like it’s shifted to the right.

    Anyone have any thoughts at all?

    Here’s the URL https://www.hrengine.ca

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

  • It’s because you’re centering your logo using a set margin, and not calculating it.

    Delete the styles associated with #logo and add these new styles:

    #logo {
  display:block;
  margin:0 auto;
}

    You’re logo will then remain centered regardless of browser width.

    Evan

    Thread Starter TBakerHR

    (@tbakerhr)

    OK…I’ll give it a try. Where do I find this code?

    Inside of Style.css

    Thread Starter TBakerHR

    (@tbakerhr)

    Got it…tried it…and it worked! I guess I can fiddle around with the top & bottom margins now if I want, yes? How would I make a top and bottom margin using the code you gave me?

    Please check in style.css files

    Yes, you can adjust top and bottom margins, but do so after the margin:0 auto decleration.

    #logo {
  display: block;
  margin: 0 auto;
  margin-top: .5em;
  margin-bottom:.5em;
}

    Thread Starter TBakerHR

    (@tbakerhr)

    Awesome…thanks! But what about that “display: block” stuff…can I leave it out?

    Also, when I tried the last code you just gave me it Left Justified it…not good.

    I would leave it in there

    Thread Starter TBakerHR

    (@tbakerhr)

    Done and done! Awesome.

    Thanks so much for your help Evan…appreciate it. Looks great now!

    Cheers,

    Tim

    No problem

    Have a great afternoon, and happy coding!

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘My Logo never seems to be centred’ is closed to new replies.