De ElementsKit Nav-meny widget allows you to create fully customizable navigation menus in Elementor, including dropdowns, responsive mobile menus, and styling options. It works inside a header/footer template built with ElementsKit.

How It Works #

1. Enable Header/Footer module in ElementsKit → Modules.
2. Create a Header template i Sidhuvud Sidfot and edit with Elementor.
3. Drag & drop the Nav Menu widget into the header.
4. Select your WordPress menu in Menu Settings.
5. Configure dropdown & mobile behavior (hover/click, breakpoints, hamburger menu).
6. Style your menu (fonts, colors, spacing, icons).

Nyckelfunktioner #

• Använda sig av existing WordPress menus.
• Dropdown & mega menu support.
• Fullt mottaglig with mobile hamburger control.
• Custom styling for desktop and mobile menus.
  

Check the details here:
A navigation menu widget helps to navigate menu items. It creates drop down and gives the header a nice sorted look. ElementsKit consists of many comprehensive modules and nav-menyn is one of them. It is rich in features, and easy to use.

• Använda sig av existing WordPress menus.
• Dropdown & mega menu support.
• Fullt mottaglig with mobile hamburger control.

Låt oss se hur det fungerar-

ElementsKit Nav-meny #

Först måste du slå på sidfotsbyggarmodulen.

Slå på modulen #

Tillgång till Dashboard: 1. Hitta ElementsKit -> 2. Klicka på Moduler -> 3. Hitta Header Footer Builder -> 4. Spara ändringar

Sidhuvud Sidfot #

1. Från ElementsKit klicka på sidhuvud -> 2. Klicka på sidhuvud -> 3. Lägg till ny

Tmallinställningar #

1. inställningar
   • Titel- Skriv ett namn för mallen
   • Typ- Rubrik
   • Betingelser- Hela webbplatsen
2. Activate/Deactivate- Växla till PÅ
3. Click Edit with ElementsKit

Anpassning #

Hitta ElementsKit Nav Menu och dra och släpp den. 

Innehåll- I den Innehållsdelen hittar du nedan inställningsalternativ.

Menyinställningar #

• Välj meny- Om du väljer Meny visas de befintliga menyerna på din webbplats.
• Horisontell menyposition- Menypositionsalternativ är Vänster, Center, Höger och Justerad.
• Dropdown-meny öppen som- Fortsätt så Håll muspekaren eller klicka.
• Undermenyindikator– Välj en rullgardinsikon (Linjepil, Fyllpil, Plus) that appears with the parent menu and works as a navigation key for the submenu.

• Enable one page?: Toggle this option to “Yes” to enable smooth scrolling for a single-page website layout. Ensure your menu links are set to anchor tags that point to specific sections on the same page.
• Response Breakpoint: Select the screen size where the menu collapses into a mobile toggle. Choose between Tablet or Mobile to trigger the responsive layout.

1. Klicka på ikonen i sidofältsinställningarna som visas i bilden ovan.

2. En popup öppnar ett ikonbibliotek, klicka på det.

3. Tryck sedan på "Föra in”-knappen för att lägga till en ikon.

4. Du kan också lägga till din ikon genom att klicka på "Ladda upp"-knappen öppnar den Elementor anpassad ikon inställningar.

• Aktivera en sida?– Om du vill visa rubriken på en (aktuell) sida, växla JA, annars NEJ.
• Responsiv brytpunkt- Alternativ är Surfplatta och mobil.

Så här fungerar det om du väljer mobil och surfplatta responsiv brytpunkt-

Mobilmenyinställningar #

• Mobilmenylogotyp- Ställ in en logotyp för mobilvy.
• Menylänk- Behåll det som standard för hemmet eller infoga vilken länk du vill ha i fältet Anpassad URL. När människor klickar på logotypen kommer de att omdirigeras till den angivna länken.
• Hamburgerikon (valfritt)- Välj en ikon från biblioteket eller ladda upp SVG.
• Undermeny Klicka på Område- Om menyn har en undermeny kan du ställa in ikon för området.

Stil #

• Menyomslag- Det här avsnittet låter dig justera menyhöjd, bakgrundstyp, utfyllnad, bredd, menygränsradie, menyikonavstånd, etc.
• Menyalternativ stil- Menyalternativ kan utformas här med bakgrundstyp, färg, kantavstånd, objektmarginal, etc.
• Undermenyobjekt stil- På samma sätt som menyalternativen kan du anpassa undermenyalternativ i det här avsnittet.
• Undermenypanelstil- Om du utökar den här delen kan du anpassa undermenypanelen med många alternativ.
• Hamburgerstil- I det här avsnittet kan du styla hamburgaren med olika ikonfärger, storlekar, positioner, alternativ och så vidare.
• Mobilmenylogotyp- Den här delen är att anpassa Den här delen är till för att anpassa mobilmenyns logotyp enligt dina preferenser.

Här har vi förberett ett exempel på navigeringsmenyn, det är en skrivbordsvy-

Ge dina kunder ett fantastiskt system för att hitta sina saker med ElementsKits inflytelserika nav-menywidget. Så använd widgeten nu, gör din design tilltalande och spara tid.