In order to add a banner to the top of your website you will need to add some code to the header section of your web builder.

First, go into Dashboard > SEO and scroll down to the Header section. This is where you will enter your Header Code for the banner.

Depending on whether you want a banner with basic text or a banner with text and a button link you can choose the corresponding code below to copy and paste into your header field.

You will want to alter this code to personalize your banner. You will need to replace the bolded text in the code below to add the message in your banner, and the label of the button and button link on your live site if required.

Banner with Clickable Button

<div class="banner" style="padding:15px; text-align:center;">

<div class="banner-content">

<p>Enter your message here</p>

<a href="Enter your button link here" class="btn btn-primary">Enter your button label here</a>

</div>

</div>

Banner without Button

<div class="banner" style="padding:15px; text-align:center;">

<div class="banner-content">

<p>Enter your message here</p>

</div>

</div>

Once you have personalized the code you will enter it into the Header section, remove any double-spacing between rows, and then need to scroll down to the bottom of the SEO page to 'Save Settings' before saving and publishing the changes to your live website.

The banner with a button will then look something like this on the live site ;

And the banner without a button will look like this on the live site ;

Did this answer your question?