Tapadó fejléc görgetéskor

A tapadó (sticky) fejléc a logót, a menüt és a gombokat akkor is látható helyen tartja, amikor a látogató lejjebb görget. A fejléc attól a ponttól „tapad”, ahol a látogató túlgörgeti az eredeti helyét. A megjelenését, az animációját és azt, hogy mely eszközökön látszik, be lehet állítani.

Követelmények

• Az Ultimate Addons for Elementor Lite bővítmény (ez adja az alap widgeteket és a fejléc-sablonokat) aktív.
• Az Ultimate Addons for Elementor Pro bővítmény aktív: a tapadó fejléc funkció ebben van.

1. Fejléc létrehozása

1. A UAE Header & Footer részében kattints az Add New gombra új fejléc-sablon létrehozásához.
2. Adj neki nevet (például „Fő fejléc”).
3. A Type listából válaszd a Header értéket.
4. A Display Rules résznél add meg, hol jelenjen meg a fejléc (például az egész webhelyen vagy meghatározott oldalakon). Az Exclusion Rule szabállyal kivételeket is megadhatsz.
5. Állítsd be, mely User Roles (felhasználói szerepkörök) számára jelenjen meg a tapadó fejléc.
6. Ha az Elementor Canvas sablont használó oldalakon is látszódjon a fejléc, kapcsold be a Enable Layout for Elementor Canvas Template kapcsolót.
7. Kattints az Edit with Elementor gombra.

2. A fejléc megtervezése

Az Elementor húzd-és-ejtsd szerkesztőjében építsd fel a fejlécet: tegyél bele logót, menüt, gombokat, közösségi ikonokat, és állítsd a stílusát a webhelyed arculatához.

3. A tapadó funkció bekapcsolása

1. A fejléc szerkesztésekor jelöld ki a külső szakaszt vagy tárolót.
2. Nyisd meg a Haladó fület.
3. Görgess a UAE - Sticky Header panelhez.
4. Kapcsold be az Enable Sticky Header kapcsolót.

4. A tapadó fejléc beállításai

Alapbeállítások

Beállítás	Mit csinál
Visibility	Melyik eszközökön legyen tapadó a fejléc: asztali gép, táblagép, mobil.
Scroll Distance	Ha bekapcsolod, lefelé görgetéskor elrejti, felfelé görgetéskor újra megmutatja a fejlécet.

Vizuális hatások

Beállítás	Mit csinál
Transparent Header	Átlátszóvá teszi a fejlécet, miután tapadóvá vált.
Background Color	A tapadóvá vált fejléc háttérszíne.
Bottom Border	Alsó szegély a fejlécnek, hogy jobban elváljon a tartalomtól. A szegély vastagsága és színe állítható.
Drop Shadow	Árnyék a tapadó fejléc mögött.
Advanced Behavior	Lefelé görgetéskor automatikusan elrejti, felfelé görgetéskor megmutatja a fejlécet.
Hide Threshold	Mekkora görgetési távolság után rejtse el a fejlécet.

Az árnyék részletes beállításai:

Beállítás	Mit csinál
Vertical	Az árnyék függőleges helyzete.
Blur	Az árnyék elmosásának mértéke.
Spread	Az árnyék kiterjedése.
Shadow Color	Az árnyék színe.