> ## Documentation Index
> Fetch the complete documentation index at: https://docs.zonely.gen.tr/llms.txt
> Use this file to discover all available pages before exploring further.

# Navbar och Footer

> Förbered meny länkar och modala fönster; redigera innehållet i teckensnitt eller knapp, ikoner, flikar och sub meny relationer.

Page Creative \*\*Hem » Hem »\*\*E-området med övre menykort. **Footer Menu**regulerar anslutningsgrupperna under förhandsgranskningen. Stäng **Kontakt och sidfot** Sektionen är för sociala kontoadresser.

[![Navbar editing area, Footer Menu, Social accounts](https://mintcdn.com/zonely-a8cd49e7/1YZhYgRlU_SSqjAM/images/panel/page-builder-guide-20261025/27-menu-konumlari-sv.png?fit=max\&auto=format\&n=1YZhYgRlU_SSqjAM\&q=85\&s=81be720d9ec3ed9cb896146f56f6db11)](https://docs.zonely.gen.tr/images/panel/page-builder-guide-20261025/27-menu-konumlari-sv.png)

> [card] Navbar redigeringsområde
>
> Use toppmenykort och den nya objektinsatsknappen här.

> [card] Footer Menu
>
> Open den nedre menyn med pilknappen; redigera grupper och anslutningar.

> [card] 3. Sociala konton
>
> Enter Facebook, X, Instagram, YouTube och Discord-adresser från detta avsnitt.

## Öppna objektet du kommer att redigera

Bredvid huvudmenykortet **OK**, öppna och stänga underlänkar. Din egen post **Penna Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Penna Penna Penna Penna Penna Penna Penna Penna Penna Penna Penna Penna Penna Penna Penna Penna Penna Penna Penna Penna Penna Penna Penna Penna Penna Penna Penna Penna Penna Penna Penna Penna Penna Penna Penna Penna Penna Penna Penna Penna Penna Penna Penna Penna Penna Penna Penna Penna Penna Penna Penna Penna Penna Penna Penna Penna Penna Penna Penna Penna Penna Penna Penna Penna Penna Penna Penna Penna Penna Penna Penna Pen Pen Pen Pen Pen Penna Penna Penna Penna Penna Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Penna Penna Penna Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen Pen** Edit som registreras genom att trycka på knappen. Nästa objekt för Navbar **+** Använd knappen.

[![Open the bottom menu, Carry handle, Edit the item](https://mintcdn.com/zonely-a8cd49e7/1YZhYgRlU_SSqjAM/images/panel/page-builder-guide-20261025/28-navbar-alt-ogeler-sv.png?fit=max\&auto=format\&n=1YZhYgRlU_SSqjAM\&q=85\&s=3d770937f620b968ac176b06debbced6)](https://docs.zonely.gen.tr/images/panel/page-builder-guide-20261025/28-navbar-alt-ogeler-sv.png)

> [card] 1. Öppna bottenmenyn
>
> Den pilen bredvid kortet stänger och stänger underlänkar.

> [card] 2. Transporthandtag
>
> Flytta objektet till sin egen ordning eller under en annan huvudmeny.

> [card] 3. Redigera objektet
>
> Pennan öppnar inställningarna för motsvarande länk; verktygen för varje objekt är separata.

Du kan komma åt korten som inte visas i den horisontella remsan med höger / solpilar. Navigera besöksmenyn i förhandsgranskningen, det är för att organisera Navbar-kortmenyn på den.

## Fyll i gemensamma menyområden

**Menu Title** Besökaren är namnet på att klicka. **ikon** Välj en ikon från fältet; du kan söka ikonen när du selektivt öppnade. **Top Menu** Bestäm att den oberoende objekt eller annan meny har den lägre anslutningen.

**Meny för dig själv** är huvudelementet oberoende. När du väljer en annan meny kommer objektet att placeras under det. Skriva namnet på en annan meny i rubrikfältet inte upprätta detta förhållande.

**RGB** Alternativet hanterar färgeffekt på menyn där det erbjuds. **Sub Information** Förbered ytterligare förklaring av objektet i fältet. Menytypen bestämmer vad som händer när du klickar på: **Regelbunden länk** öppnar en adress, **modal** fönster öppnas på samma sida.

## Lägg till länk till en sida

1. Förbered menyrubrik och ikon.
2. **Menytyp → Normal Link** Välj.
3. **Sidtyp** Hitta målsidan från selektivet. Om valet krävs för ytterligare produkter, användar- eller sidinformation, fyll i det relevanta området.
4. Om du anger din adress **Special Page** Välj och skriv in-site bana eller full extern adress.
5. **Tab Status** Välj samma eller nya flik med.
6. Kontrollera och kontrollera den övre meny relationen och utseende preferenser **Publicera** Spara med.

[![Menu header, Icon, Menu type, Connection and tab, Tab status, Bottom information, Top menu relationship, RGB view](https://mintcdn.com/zonely-a8cd49e7/SCpALW29XPi0GiK6/images/panel/content-appearance-20261026/menus/15-normal-menu-sv.png?fit=max\&auto=format\&n=SCpALW29XPi0GiK6\&q=85\&s=8766cfd930325fc1e22dd5f8bcafc5a5)](https://docs.zonely.gen.tr/images/panel/content-appearance-20261026/menus/15-normal-menu-sv.png)

> [card] Meny header
>
> Enter namnet besökaren kommer att se i den övre menyn.

> [card] 2. Ikon
>
> Select ikonen som ska användas bredvid menyrubriken.

> [card] Meny typ
>
> Select Normal Link för att byta till en sida.

> [card] 4. Anslutning och flik
>
> Type måladressen, gör samma flik eller ny flikval.

> [card] 5. Tab status
>
> Select anslutningen att öppna på den befintliga eller nya fliken.

> [card] 6. Sub-information
>
> Prepare ytterligare förklaring som kommer att följa menyelement.

> [card] 7. Top meny relation
>
> Select menyn som är ansluten om den nedre produkten kommer att vara.

> [card] 8. RGB-vy
>
> Open färgmenyn effekt med detta alternativ.

Du kan till exempel ansluta ett objekt med titeln Hjälpcenter till din webbplats hjälpsida. För att lägga ett innehåll som du skapar i menyn [Särskilda sidor](https://docs.zonely.gen.tr/sv/guides/special-pages.md) Kontrollera guiden.

## Vad är modal, när det används?

**modal**Fönstret öppnade på den befintliga sidan när besökaren klickar på menyn. Du kan använda en kort beskrivning eller samla flera länkar i ett fönster. Fönsterinnehållet visas istället för att gå till målet URL.

Innan du förbereder modalmenyn **Menytyp - Modal**, väljer **Modalinnehåll** ditt val. **Text Endast** en beskrivning, **Knappar** och klickbara länkar.

### Visa beskrivning endast med artikeln

1. Ny produkt **Menu Title** Type Support Information till exempel.
2. Välj ikonen och **Menytyp - Modal** Do.
3. **Modalinnehåll - skriv bara** Välj.
4. Stäng **Modal Text** Skriv en beskrivning för att visa besökare till området.
5. Om nödvändigt **Top Menu** infoga objektet i en grupp med fönstret.
6. Kontrollera och kontrollera bildpreferenserna **Publicera** Tryck på knappen.

[![Menu header, Icon, Modal menu, Content type, Modal post, Menu location, Color effect](https://mintcdn.com/zonely-a8cd49e7/SCpALW29XPi0GiK6/images/panel/content-appearance-20261026/menus/16-metin-menu-sv.png?fit=max\&auto=format\&n=SCpALW29XPi0GiK6\&q=85\&s=db6d38e841cc6a6698ce32cbcb6e64c2)](https://docs.zonely.gen.tr/images/panel/content-appearance-20261026/menus/16-metin-menu-sv.png)

> [card] Meny header
>
> Write menyn namn som besökaren kommer att klicka på.

> [card] 2. Ikon
>
> Set en ikon som passar menyn.

> [card] Modal meny
>
> Modal meny typ Modal, välj bara innehållet som en Font.

> [card] 4. Innehållstyp
>
> Just väljer artikeln för att visa en beskrivning i detta fönster.

> [card] Modal post
>
> Type innehållet i fönstret öppnas genom att klicka på menyn.

> [card] 6. Meny plats
>
> Du kan också placera modal objekt under en av de bästa menyn.

> [card] 7. Färgeffekt
>
> Open RGB effekten av menyrubriken enligt din begäran.

Modal Font används istället för denna typ av normal anslutningsadress. Förbered en text som den korta stödbeskrivningen kan läsa utan att lämna informationen eller besökaren från sidan.

Efter registrering klickar du på den här menyn i besökarens syn. Kontrollera texten är sant och fönstret kan stängas av. Öppna formuläret från pennan i samma meny för att ändra texten **Uppdatering** Använd processen.

### Erbjuda några målanslutningar med knappar

Menytyp **modal**, innehåll **Knappar** Välj. **Lägg till Buton** Öppna linjen med knappen. Fyll tre områden i varje rad:

* **Push Button Head:** Artikeln som ska klickas på fönstret är Discord Community.
* **Buton URL:** Det är knappens öppnare adress.
* **Knappfärg:** Knappens utseendefärg.

[![Menu header, Buttons mode, Pushbutton Head, Pushbutton URL, Pushbutton Color, Pushbutton Insert, Top menu, RGB](https://mintcdn.com/zonely-a8cd49e7/SCpALW29XPi0GiK6/images/panel/content-appearance-20261026/menus/18-buton-menu-sv.png?fit=max\&auto=format\&n=SCpALW29XPi0GiK6\&q=85\&s=2fd226a64e8042868e63965e39ed5fbc)](https://docs.zonely.gen.tr/images/panel/content-appearance-20261026/menus/18-buton-menu-sv.png)

> [card] Meny header
>
> Type menynamnet som öppnar länkarna fönster.

> [card] 2. Knappar läge
>
> Show flera målanslutningar på fönstret som öppnar.

> [card] Push Button Head
>
> Type namnet på knappen för att klicka på fönstret.

> [card] Pushbutton URL
>
> Type adressen för att öppna när du klickar på denna knapp.

> [card] 5. Push Button Color
>
> Select färgen på knappen.

> [card] Infoga Button
>
> Open den nya linjen; Sil-knappen tar bort motsvarande linjen endast.

> [card] 7. Top meny
>
> Position objektet under den oberoende eller andra menyn.

> [card] 8. RGB
>
> Select effektpreferensen av menyrubriken.

Förnya för en andra knapp **Lägg till Buton** Använd. Till exempel kan du ansluta en knapp till Discord, den andra till Hjälpcentret. Varje rad har sin egen rubrik, adress och färg.

Linje **Delete** knappen tar bort motsvarande knappen bara. Slutför och spara den övre menyn förhållandet mellan menyn, ikonen och andra synfält. Öppna menyn i besökarens vy; klicka på varje knapp och kontrollera sitt eget mål.

## Förändra Navbar kö och sublinks

Kort **från transportikonen eller rubrikfältet** håll. Lämna punkten mellan två huvudkort för att sortera på samma nivå.

Ta en länk till mitten av målet huvudkort för att få under en annan meny. Lämna bottenlistan till önskad ordning när den öppnas. Ta bort den horisontella Navbar från den öppna listan för att göra huvudobjektet tillbaka den nedre länken.

struktur **Huvudmeny + bottenobjekt** som två nivåer. Du kan inte skapa en tredje nivå genom att ta en grupp sublänkar i en annan grupp. Håll arrangemanget, ta bort eller pop-up pil knappar inte bärområdet.

## Förbered sidfot anslutningar

Under Förhandsgranskning **Footer Menu** öppna bandet med pil knappen. Grupprubriker och underrubriker visas som separata kort. Varje rekordpenna öppnar sin egen redigeringsform.

[![Footer tools, Main group, Bottom link, Group settings](https://mintcdn.com/zonely-a8cd49e7/1YZhYgRlU_SSqjAM/images/panel/page-builder-guide-20261025/30-footer-gruplari-sv.png?fit=max\&auto=format\&n=1YZhYgRlU_SSqjAM\&q=85\&s=0bc26dbe129b3a407aec193ea9c002d1)](https://docs.zonely.gen.tr/images/panel/page-builder-guide-20261025/30-footer-gruplari-sv.png)

> [card] 1. Footer verktyg
>
> Open panelen eller förbereda ny registrering med Add Items.

> [card] 2. Huvudgrupp
>
> ÄNG kolumnordningen av undermen genom att bära gruppen.

> [card] 3. Bottom-länk
>
> Sort länkar i grupp eller flytta den till en annan grupp.

> [card] 4. Gruppinställningar
>
> Use egna redigeringsverktyg för varje grupp och anslutning.

**Lägg till i objektet** Anmäl dig med ny registrering. Ange rubriken och ikonen. Ange sidtyp, mål- och flikpreferens för normal anslutning. **Top Menu** Välj den grupp som kommer att vara oberoende objekt eller ansluten på fältet.

[![Bottom menu element, Icon, Menu type, Target link, Tab, Bottom menu group](https://mintcdn.com/zonely-a8cd49e7/FGWh48NIH6dxrMpq/images/panel/content-appearance-20261026/menus/19-footer-menu-sv.png?fit=max\&auto=format\&n=FGWh48NIH6dxrMpq\&q=85\&s=5369b488ff202ef25560ed5b045e70cf)](https://docs.zonely.gen.tr/images/panel/content-appearance-20261026/menus/19-footer-menu-sv.png)

> [card] 1. Bottom meny element
>
> Type rubriken att visa i Footer.

> [card] 2. Ikon
>
> Select ikonen för sidfoten länk.

> [card] Meny typ
>
> Select normal anslutning eller modal fönster.

> [card] 4. Mål länk
>
> Set besökarens öppningsadress och flikval.

> [card] 5. Tab
>
> Determin öppnandet av målet på samma eller nya fliken.

> [card] 6. Bottom menygrupp
>
> Visa objektet på sig själv eller under annan meny.

I Footer **Menytyp - Modal** Du kan använda den. **Text Endast** Fyll Modal Font när du väljs; **Knappar** Prepare header, URL och färgfält för varje knapp när de väljs. Registrering och kontrollsteg av två modala typer i Navbar finns här.

Dra grupprubriken i kolumnraden, dra den nedre länken, ändra sin egen sekvens. Du kan ändra länken till gruppen genom att lämna den andra gruppen på rullgardinslistan.

## Spara och koppla bort återställning

Ny menypost **Publicera**, befintliga objektet **Uppdatering** sparade med. Drag och släppa Navbar och Footer kort **Order och övre menyförhållande sparas automatiskt**; vänta på resultatet meddelande.

Din allmänna webbplatsinställningar **Spara alla** knappen används inte i stället för dessa menyformulär. Kontrollera den slutliga platsen för objektet om det finns felmeddelande i rankningen.

Navbar eller Footer Menu header **cirkulär pil**opens motsvarande lista till den ursprungliga installationslayouten. När du bekräftar, menylistan ersätts av installationsobjekten. Navbar och sidfot återställs separat.

## Ange sociala kontoadresser

Nära **Kontakt och sidfot** Skriv Facebook, X, Instagram, YouTube och Discord adresser från avsnittet. Använd profilen, kanalen eller inbjudningslänken som en fullständig adress.

[![Social account addresses, YouTube, Discord invitation](https://mintcdn.com/zonely-a8cd49e7/6szifUMHSc9sb8vV/images/panel/page-builder-guide-20261025/17-sosyal-hesaplar-sv.png?fit=max\&auto=format\&n=6szifUMHSc9sb8vV\&q=85\&s=a5de690a7ef8c0ff76d39f23c980f55a)](https://docs.zonely.gen.tr/images/panel/page-builder-guide-20261025/17-sosyal-hesaplar-sv.png)

> [card] 1. Sociala kontoadresser
>
> Type fullprofil länkar för Facebook, X och Instagram.

> [card] 2. YouTube
>
> Enter öppnare kanal adressen för besökaren.

> [card] 3. Inbjudan till Discord
>
> Use giltig deltagande länken i ditt samhälle.

Dessa sociala kontoområden är allmänna inställningar; **Spara alla** sparas med. Slutligen, försök att öppna och öppna den övre menyn, sublänkar, modala fönster och sidfot anslutningar i telefonvyn.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.