ADI: About Your Site Header and Footer
4 min read
Your site header and footer are displayed at the top and bottom of every page on your site, and usually contain important content and information for visitors.
You can edit the content in your header and footer to show your visitors what they need, and change the design to make it look how you want. Changes you make to your header and footer are applied throughout your whole site to create a clear, consistent experience.
In this article, learn more about:
Editing your header content
Your header appears at the top of every page of your site. It usually contains your business name, logo, and site menu. You can update the header content, add social links, and show or hide content sections by clicking the 
icon next to them.
icon next to them.Important:
While you can hide content sections in your header, it is not possible to remove the header from your site completely,
To edit your header content:
- Click your site header inside ADI.
- Click Edit.
- Choose what to edit:
- Site Menu: Click Edit to make changes to your site menu.
- Business Name: Enter your business name.
- Tagline: Enter a tagline for your site. A tagline is a short statement or slogan that tells visitors what you're all about.
- Logo: Hover over the image or shape and click Edit & Replace to manage your site's logo and resize it.
- Site Email: Enter your contact email address.
- Phone Number: Enter your business phone number.
Note: You can also click Manage to purchase a dedicated phone number to better connect with customers (only available in Canada and USA). - Button: Edit the text of the button in your header and click Link to add a link to the button.
- Social Accounts: Select the checkmark to add social icons to your footer. Hover over the icons and click to add more social accounts, or rearrange the icons.
Changing your header design
You can change the layout and design of your header to match your business style. Choose how the site menu is displayed, as well as your button and social accounts.
To change your header design:
- Hover over the header in ADI and click Design.
- Scroll down and select a layout.
Tip:
You can also click Customize Section Design to change the header background color, and choose whether you want a transparent or fixed header.
Editing your footer content
Your footer appears at the bottom of every page of your site, and usually contains your business contact information and social media icons. You can change business details, add a subscriber form, and show or hide content sections by clicking the icon next to them.
icon next to them.Important:
While you can hide content sections in your footer, it is not possible to remove the footer from your site completely,
To edit your footer content:
- Click your site footer inside ADI.
- Click Edit.
- Choose what to edit:
- Business Name: Enter your business name.
- Site Email: Enter your contact email address.
- Phone Number: Enter your business phone number.
Note: You can also click Manage to purchase a dedicated phone number to better connect with customers (only available in Canada and USA). - Fax: Enter your business fax number.
- Address: Enter your business address.
- Subscribe: Add a subscribe form to your footer where visitors can add their email address to sign up for your mailing list.
- Social Accounts: Select the checkmark to add social icons to your footer. Hover over the icons and click to open the social accounts settings. From there you can paste links to your social accounts, and rearrange the icons.
- Copyright Message: Add a copyright message for your site. Wix provides a default one that you can edit in the text field.
Changing your footer color and design
You can change the layout of your footer according to what information you want to show, and how you want the footer styled. You can also change the footer's background color.
To change your footer color and design:
- Hover over the footer in ADI and click Design.
- Choose what you want to customize:
- Footer background color:
- Click the Customize Section Design drop-down.
- Select a new footer background color from your site colors.
Note: To update your site colors click Colors above the footer background color options.
- Footer layout:
- Hover over the layout you want and click Use This Layout. The footer will automatically update on the page.
- Footer background color:
Did this help?
|