The header is the top section of your website. It usually contains your logo, website name, and navigation menu. Adding a header in Wix is straightforward:
#1 Open the Wix Editor and start editing your website's layout.
Once you have logged into your Wix account, select the "Edit Site" button for the website you want to work on. This opens the Wix Editor, which allows you to customize all visual elements of your website, including the header.
#2 Use the "Add" panel to select the desired header style.
On the left side of the editor, you'll find the "+" (Add) button. From there, you can select "Strip" to add a pre-designed header to your page. Wix offers a wide range of design options that are fully customizable to suit your website's needs.
#3 Drag and drop the header into place.
Once you've chosen your header, simply drag and drop it to the top of your webpage. Wix will automatically position the header strip as the topmost element on your website's page.
Customizing Headers in Wix
Once you've added a header, you can customize it to align with your brand's design. This can include editing text, adding images, and adjusting the overall layout.
Editing text elements
To edit the text, simply double-click on any text element within the header. You can change the font, size, and color, and align the text to suit your style. Wix offers a range of font options to match your brand identity.
Adding a logo to the header
If you want your logo to be part of the header, add an image element to the header strip. Upload your logo file, resize it, and position it according to your website's layout. Make sure the logo is visible and not too overwhelming.
Adjusting the background design
The background of your header can be changed by selecting the "Change Strip Background" option. Here, you can upload an image or video, or simply choose a solid color that complements the rest of your website’s design.
Making Your Wix Header Transparent
A transparent header can create a modern and immersive design, especially when you have a prominent background image or video on your homepage. This design choice makes the header blend seamlessly with your content.
Action: Set a transparent background for a sleek, modern look.
Click on your header strip, go to "Change Strip Background," and select the "Color" tab. Then, adjust the opacity slider to 0%, making your header background fully transparent.
Adding a Footer to Your Wix Website
The footer is the bottom section of your website. It typically contains copyright information, contact details, social media links, and sometimes secondary navigation. Adding a footer in Wix is just as easy as adding a header.
#1 Navigate to the "Add" panel for footer customization.
Just like adding a header, click the "+" (Add) button on the left-hand side and select "Strip." From there, browse through pre-designed footer options and choose one that fits your website's style.
#2 Place the footer strip at the bottom of the page.
Once you've selected your footer design, drag and drop it to the bottom of your page. Wix will automatically position the footer as the bottom element on your page.
Customizing Footers in Wix
Like headers, footers are fully customizable to match your website’s overall design.
Adding text and copyright information
Double-click on text elements in the footer to add information like copyright notices, legal disclaimers, or your company’s contact details.
Adding social media links
You can insert social media icons by using the "Social" element from the "Add" panel. This allows you to link your footer directly to your social profiles.
Customizing the background
Click on the footer strip and choose the "Change Strip Background" option to adjust its color, image, or video background to match your website's theme.
Editing Existing Headers and Footers
To edit any existing header or footer, simply:
#1 Select the element you want to edit.
Click on the header or footer in the Wix Editor. This will enable the editing options where you can change the layout, background, and other properties of the element.
#2 Use the toolbar to make edits.
Once you've selected the header or footer, a toolbar will appear with options for making changes. This includes color adjustments, font changes, and more. You can also click on individual elements within the header or footer to edit them directly.
Managing Header Visibility
Sometimes, you might want to adjust the visibility of the header on different pages of your website. Wix provides several options to control header visibility for different sections.
Action: Adjust the visibility settings for different pages.
Click on the header in the Wix Editor. Then, select the "Settings" option in the toolbar. You can decide whether the header should appear on all pages or only on specific ones. Additionally, you can choose a fixed header that stays at the top as the user scrolls down the page.
Useful Links
Wix Editor: Placing Elements in Your Header, Footer, and Page – This guide explains how to add and position elements within your Wix website's header, footer, and main content area, ensuring a well-structured layout.
Wix Editor: Customizing Your Site Footer – Discover methods to modify your site's footer design, such as changing colors, resizing, and adding elements like contact information and social media links.
Wix Editor: Adding or Removing the Header and Footer on Your Mobile Site – Understand how to manage the visibility and design of headers and footers on mobile versions of your website for optimal user experience across devices.
Enhance Your Wix with Powerful Apps!
Elfsight created dozens of useful apps to make your website more attractive and boost its performance in so many ways. Try these no-code solutions for free on Wix!
Conclusion
By following these steps, you can effectively add and customize the header and footer of your Wix website. These elements are essential for navigation and creating a consistent, professional appearance. Regularly review and update your headers and footers to keep your website fresh and aligned with your branding as it evolves.