Fitness centrum Trutnov Trifit Gym and Club

Přidejte offset k plynulému posunu v Bricks (pro odkazy tvořené pomocí kotvy)

Při vytváření webových stránek v Bricks Builderu můžete narazit na problém s odkazy, které vedou na konkrétní sekce stránky (tzv. „kotvové odkazy“). Pokud máte pevnou horní navigaci (sticky header), může se stát, že cílová sekce bude částečně skryta pod touto navigací. Řešením je přidání offsetu k plynulému posunu, aby byl obsah správně zarovnán.

Jak přidat offset pomocí CSS?

Přidáním krátkého CSS snippetu na Váš web můžete tento problém jednoduše vyřešit.

Snippet přidáte v sekci Bricks > Nastavení > Vlastní kód > Vlastní CSS

Po vložení ještě offset pozměňte, aby vyhovoval potřebné výšce.

Offset pro všechna zařízení

Přidáním krátkého CSS snippetu na Váš web můžete tento problém jednoduše vyřešit.

Snippet:

html { scroll-behavior: smooth; scroll-padding-top: 80px; }

Offset pro menší zařízení

Pokud na webu používáte například jinou výšku záhlaví pro mobilní zařízení, jednoduše přidejte responzivní řešení pro zařízení menší než 767px (hodnotu opět změňte dle potřeb vašeho webu).

@media( max-width: 767px){ html { scroll-padding-top: 80px; } }