WPnet.pl
  • Usługi programistyczne
  • Administracja
  • Blog
  • Kontakt

DIVI: Przyklejona stopka

4 października 2016
Blog, Divi

Poniższy tutorial pokazuje jak 'przykleić’ stopkę do dołu ekranu. Bez tego na dużych ekranach stopka może znajdować się np. w połowie wysokości, co nie wygląda zbyt estetycznie.

Style CSS

Przejdź w panelu adm. do menu DIVI -> Opcje szablonów graficznych i w sekcji Niestandardowe CSS (na dole strony) wpisz poniższy kod:

#main-content{min-height: calc(100vh - 133px);}

Objaśnienia

100vh = wysokość widocznego ekranu (device viewport)

133px = wysokość elementu #main-header + wysokość elementu #main-footer

Źródło

Na podstawie Creating sticky footer on your DIVI website – pure CSS solution

Kontakt

Marek Szymański,
WordPress developer

12 lat doświadczenia

Zadzwoń

+48 692 296 188

Napisz

info@wpnet.pl

Wypełnij formularz