Niedawno miałem problem z wydawałoby się podstawową funkcjonalnością. Mianowicie – jak zrobić, żeby duże logo zmieniło się na małe w trakcie przewijania?

Standardowo Divi przewiduje taką opcję – wystarczy w ustawieniach Divi zaznaczyć „zablokowany pasek nawigacji”… i wtedy możemy sobie określić w „styliście tematów” jakiej wielkości ma być pasek i logo po przewinięciu strony.

Schody zaczynają się, kiedy chcemy aby logo zmieniło się – np z pełnego logo do samego sygnetu. W tym celu trzeba użyć następującego kodu CSS:

/*********************************
Zmiana logo w trakcie scrollowania
**********************************/
.et-fixed-header #logo {
content: url(../wp-content/uploads/rok/miesiąc/nazwapliku.png); 
/* ścieżka do pliku z logo na jakie ma się zmienić w trakcie scrollowania. Jeśli wrzucisz nowe logo jako standardowe media - ścieżka będzie przypominać tą z przykładu */ 
padding: 10px 0; /* wielkość przerwy jaka ma być między górą a dołem paska nawigacji */
}

Dzięki temu logo zmieni się na nowe. Natomiast jego wielkość, wysokość paska nawigacji itp. można dalej ustawiać z poziomu „stylisty tematów”