Simple Banner – Easily add multiple Banners/Bars/Notifications/Announcements to the top or bottom of your website

This is how the banner will look in your HTML:

<div id="simple-banner" class="simple-banner">
  <div class="simple-banner-text">
    <span>
      YOUR SIMPLE BANNER TEXT HERE
    </span>
  </div>
</div>

Your browser frequently caches scripts associated with a website in order to improve speed and performance. There are also some
wordpress plugins that cache scripts to improve performance. If you aren’t seeing your banner or the changes you made to the banner,
first clear your browser cache and if that doesn’t work, look for any plugin that bundles or caches scripts and clear that as well.

Your theme probably uses absolute positioning for its header in this case. Try changing the positioning of your banner or change “Prepend element” to <header> and see if that helps. If none of this works, you may need a custom solution for your banner. You can either try to find another plugin that suits your needs or you can purchase the pro version and open a support ticket to fix your situation.

Yes, but you should look through the support topics before you decide if you need the pro version.

Yes, they are used only if you enable the close button. These cookies fall under the category of “strictly necessary cookies” and do not need consent from the user, more information here.
If cookies are disabled on the user’s browser, the banners close button expiration setting will not work and the banner will show on each refresh.

You can clear your browser’s cookies or in the browser’s console you can execute:

document.cookie = "simplebannerclosed=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/";

You can also set your Close button expiration to blank, 0, or a date in the past. This method may require a refresh or two of the browser on your website page.

Try setting the “Prepend element” setting to header. If that doesn’t work, set your banner position to relative and try this in ‘Website Custom CSS’:

#main-header:not(.et-fixed-header) {
  position: relative;
}
#top-header:not(.et-fixed-header) {
  position: relative;
}