7 października 2018

Ustawienie loga w divi

Zacznijmy od prostej sztuczki. Domyślny pasek nagłówka Divi jest ładny i elegancki (dodatkowo zmienia się domyślnie podczas przewijania w dół strony), ale nie gra przyjemnie z logo o dużej wysokości.

Jeśli twoje logo będzie zbyt duże, zostanie ono automatycznie zmniejszone, aby pasowało do paska nagłówka. Następujący kod CSS modyfikuje indeks Z twojego logo do absurdalnej wartości, aby upewnić się, że jest nałożony na inną zawartość na stronie, nawet podczas przewijania w dół.

Oprócz tego możesz grać z maksymalną wysokością i najwyższymi wartościami marginesów, dopóki logo nie wyświetli się dokładnie tak, jak chcesz.

#top-header {z-index99999;}
#logo {
max-height220%;
margin-top-32px;
z-index100000;
}
@media only screen and (max-width : 980px) {
#logo { margin-top0px}}

0 komentarzy

Wyślij komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *

Szybki kontakt!
+
Wyślij!