Klient požadoval něco co prý někde viděl a neuměl to dokonale popsat. Prý zápatí které se zasouvalo. Přiznám, nebyl jsem z toho příliš moudrý. Postupně jsme se ale dopracovali k tomu o co vlastně šlo.

Zápatí mělo být fixní a web měl být vlastně zobrazen před ním. A jak jste rolovali směrem dolů, zápatí „nepřijede“ spolu s obsahem webu jako jeho součást, ale postupně se odhalí jak web bude rolovat nahoru.

Když jsme se dobrali k požadované úpravě tak byla vlastně jednoduchá. Spočívala v jednoduchém vložení několika řádků CSS do šablony.

Jak tedy na to? Do nastavení šablony Divi > Nastavení šablony > Všeobecné > Přizpůsobené CSS vložíme následující CSS:

/*** zasunuti paticky - Zabza.eu ***/
#main-content {
margin-bottom: 800px;
z-index: 2;
}
#main-footer {
width: 100%;
position: fixed;
left: 0;
bottom: 0;
z-index: -1;
}

A výsledek? Třeba na tomto webu by vypadal následovně:

Určitě se nespletu když řeknu že to je jednoduché.