Nagłówek Logo odszedł z centrum - css

Jakiś czas temu zrobiłem witrynę Wordpress. Właśnie się temu przyjrzałem i logo z jakiegoś powodu podróżowało na wschód. To jest „zmęczone płyny clearfix”, wyrównanie tekstu i margines: 0 auto. Czy ktoś może wzmocnić mnie do tego, co się stało, lub jak można to naprawić? http://www.mallorymcgough.com/

Odpowiedzi:

Masz właściwość marginesu ujemnego na .header-social element usuń go, a logo wskoczy na środek

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

The .header-info element, który zawiera numer telefonu nad logo, powoduje przesunięcie logo.

Szybkim sposobem na naprawienie tego jest ustawienie go w pozycji bezwzględnej.

.header-info { position: absolute; }

Edytowane poniżej: alternatywne rozwiązanie

Lepszym rozwiązaniem jest zmniejszenie line-height elementu, jak zadeklarowano w dniu style.css:4062

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

Zmniejsz tę liczbę do mniejszej wysokości linii, a problem zniknie.