Header-Info

If you want your users to find the website or business brief information quickly, then the ElementsKit header Info widget is a great choice. It helps you to add important information, style the header’s look, and customize it with any essential link. Thus, the website visitors can see the contact number, address, email id, etc., without scrolling much.

Header-Informationen hinzufügen #

Sie müssen Überschrifteninformationen zum Header der Website hinzufügen. Sie können sie zum vorhandenen Header hinzufügen oder einen neuen Header erstellen.

  1. From your Dashboard, go to ElementsKit Header Fusszeile
  2. Click Header tab
  3. Add New Template and edit with Elementor
create the header template

Edit -> Find Header Info widget -> Drag and drop & start editing

Edit Header info content

Header-Info #

Here, you can add items like phone number, address, email ID, etc. by clicking the “+” sign. For example, if you

  • Header Info: Write header information that you want to show.
  • Symbol: Upload SVG or choose from the library
  • Text: Kopfzeileninformationen hinzufügen oder bearbeiten
  • Verknüpfung: Geben Sie einen Weiterleitungslink an
  • Fügen Sie bei Bedarf ein neues Element hinzu
Check the controls of ElementsKit header info and customize the widget

Stil #

Hier haben Sie die Möglichkeit, Ränder, Polsterungen, Textfarben, Hintergrundfarben, Typografien, Symbolfarben, Symbolgrößen und Symbolabstände nach Ihren Wünschen anzupassen. 

Gestalten Sie Ihre Kopfzeileninformationen entsprechend Ihren Wünschen.

Hier ist die endgültige Ausgabe unserer Header-Info-Anpassung:

Fügen Sie Ihrer Website ganz einfach Header-Informationen hinzu mit dem ElementsKit Header-Info-Widget

ElementsKit bietet immer einfache Einstellungen, die Ihren Aufwand verringern. Ich hoffe, Sie finden dieses Widget nützlich und haben Spaß beim Anpassen Ihrer Header-Informationen.

Was sind deine Gefühle?

Updated on Mai 18, 2026