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-index : 99999 ;} |
#logo { |
max-height : 220% ; |
margin-top : -32px ; |
z-index : 100000 ; |
} |
@media only screen and (max-width : 980px ) { |
#logo { margin-top : 0px }} |