# Tapadó fejléc görgetéskor

> Fejléc készítése és beállítása úgy, hogy görgetéskor is látható maradjon.

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. |