CODEWITHSUNDEEP
css
Greg
Greg

Reputation: 567

Header Logo has Gone off Center

I did a wordpress site a while ago. I just a had a look at it today and the logo has travelled east for some reason. It've tired clearfix's floats, text-align, and margin: 0 auto. Can anyone enllighten me to what has happened, or how it can be fixed? http://www.mallorymcgough.com/

Upvotes: 0

Views: 41

Answers (2)

Antonio Smoljan
Antonio Smoljan

Reputation: 2207

You have a minus margin property on the .header-social element remove it and the logo will snap back to the middle 

  #wrapper .header-social {
        margin-bottom: -44px;
  }

Upvotes: 0

Orun
Orun

Reputation: 4603

The .header-info element, which contains the phone number above the logo is displacing the logo.

A quick way to fix this is to give it absolute positioning.

.header-info { position: absolute; }

Edited below: alternate solution

A better fix is to reduce the line-height of the element, as declared on style.css:4062

.header-social .header-info, .header-social .top-menu {
    line-height: 43px;
}

Reduce this number to a smaller line height and the issue will be gone.

Upvotes: 1

Related Questions