Website Building » Wix » How Do I Add a Strip to a Header in Wix?

How Do I Add a Strip to a Header in Wix?

Last updated on January 4, 2023 @ 12:29 pm

There are two ways to add a strip to a header in Wix. The first is to use the Wix header editor. To do this, click on the header element, then click on the “Add Strip” button in the top left corner of the editor.

The second way to add a strip to a header is to use HTML. To do this, add the following code to the <head> section of your Wix site:

GREAT NEWS:

Exciting update! We've collaborated with Wix to offer WBI users with a free plan for all website creation needs - Explore the details here.

PRO TIP: If you are not familiar with HTML or Wix code, do not attempt to add a strip to a header on your Wix website. You could inadvertently damage your site’s code, which could result in your site not functioning properly. If you are unsure of how to proceed, please reach out to a Wix expert or professional web developer for assistance.
<style>
  .header-strip {
  background-color: #CCC;
  height: 50px; }
</style>
<div class="header-strip">
</div>

You can then style the strip using CSS. For example, you could add a border or change the background color.

Morgan Bash

Morgan Bash

Technology enthusiast and Co-Founder of Women Coders SF.