DriversRecommendedOutdated drivers can make a good PC feel brokenScan driver issues before chasing fixes manually.Scan NowHalloween DealsAmazon USHalloween week deals: useful picks before month-endAmazon US: current deals, useful picks and tech finds.Check DealsClean PCRecommendedOne scan can reveal what keeps slowing WindowsLook for cleanup and repair opportunities.Run Scan×
FREEDOM251

Freedom251 › Blog › Hostinger AI Builder

Hostinger AI Builder: Add Social Media Icons to the Header in Manual Mode

By Freedom251 Team · · 1 min read

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

In Hostinger AI Builder, click the header, choose Edit header, then open Elements and switch on Show social icons. Use Edit social icons to add your profile URLs; recognized links generate their matching icons automatically.

Show social icons in the header

  1. In the editor, click the header section and select Edit header.

    As an Amazon Associate I earn from qualifying purchases.

  2. Open the Elements tab in the header settings and enable Show social icons.

    Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
  3. Select Edit social icons and add the URLs for the social profiles you want to display. Hostinger says a recognized profile link, such as a LinkedIn URL, generates the corresponding icon.

You can adjust the icons’ size and color in the editor. The color controls include regular and hover states; use the hover color to set how an icon appears when a visitor points to it. See Hostinger’s social-icons instructions for the available controls.

If an icon or header does not appear

A profile URL shows a generic link symbol

Hostinger says an unrecognized profile URL will not generate a matching icon and will instead show a standard link symbol. Its guide recommends contacting support and sharing the link you tried.

The header is missing

Check whether your pages are hidden from the navigation menu. Hostinger notes that hiding all pages from navigation can explain why the header is missing; see its page visibility guidance.

Free tools Windows power users keep installed

One-click scans. No signup required.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Social links elsewhere on a page

If the icons belong in the page content rather than the site header, use the separate Social icons element. Hostinger says you can drag this element into a page and edit it independently. The header setting is the relevant option when you want the icons alongside the site navigation. See Hostinger’s instructions for adding a Social icons element.

Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.Support on Ko-Fi

Email and phone icons are separate contact options

Hostinger also allows contact icons in the header: enter an email address for an email icon, or a phone number without symbols for a phone icon. These are contact details, not social profile links.

Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.

Hostinger AI Buildersocial media iconsWebsite Builderwebsite header

Leave a Reply

Your email address will not be published. Required fields are marked *

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Recommended PC Tool
Recommended PC Tool
PC Slower Than It Used to Be?Free scan - under a minute
Outdated Drivers Are Slowing You DownFree scan - exact matches