logo isnt centering

Hi,

Open your style.css file and change line 76 to:

.logo {
    margin: 0 auto;
    width: 736px;
}

This will center your logo ??

The above is correct.

By giving it an absolute positioning you are telling the logo to be positioned 60px from the top and 300px from the left no matter what.

If the above is correct, you’ll need to either remove that positioning or add position: static;. Either way, this is not a WordPress issue. For CSS-specific issues, consider CSS-specific forums.

Hey guys thanks for the response, but I’ve changed it to what SiteGround said. And nothing.

I added position:static; to it as well and still the logo doesn’t move.

As far as I can see your logo is centered. Just remove the position line since it’s not necessary. Then clear your browser’s cache and refresh the page.

A okay, that would probably help. Siteground I appreciate your help.

One more question though how do I drop the logo closer to my menu bar. The space is to much. If you don’t mind.

It’s touching the browser bar. I need some cushion.

Add this into your custom CSS or child-theme CSS; or if you have Jetpack installed, go to Appearance –> Edit CSS:

.logo { margin-top: 20px; } /* Add more space to the top of logo */

Change the 20px to whatever you want. If you don’t have custom CSS, child-theme CSS, or Jetpack, then please add the code to the bottom of your main style.css.

Appreciate that but it didn’t work.

May I ask where did you put it? I re-tested it prior to making this post and it works. It dropped the banner (with InternationalRec yada yada) down 20 pixels.

Thanks!

My code is working, I’ve tested it locally ?? I think you’re having some caching issues. Please, make sure you clear your browser’s cache and reload your page completely ??

Siteground it did work. But I loaded a larger banner and it isn’t centering for reason.

Here are all of the rules regarding centring https://www.w3.org/Style/Examples/007/center.en.html

Thanks Andrew. Got it fixed quick.