wooassist

<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/8qS40pLylcc?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<p>This plugin will add two widget areas on top of the main header. The purpose of adding these widget areas is to easily add navigations and notices on the top.</p>
<p>This plugin is built to work only for the <a href="https://wordpress.org/themes/storefront" rel="ugc">Storefront theme</a>.</p>
<p><strong>How to use:</strong></p>
<ul>
<li>Like any other widget areas, you can easily add widgets by navigating to Widgets page under appearance on your WordPress dashboard.</li>
<li>You can also add and modify widgets while on the Customizer page.</li>
<li>You can easily customize the background, text, and link colors in the Customizer. You can find the settings under <em>Top Bar</em> section.</li>
</ul>
<p><strong>Notes:</strong></p>
<ul>
<li>The Top Bar widget areas works similar to Storefront’s footer widgets areas. When only the <em>first widget</em> area has widgets, it’s width will be at 100% and the <em>second widget</em>  area will not show up.</li>
<li>We’ve added styling support for custom menu widgets. It’s look and feel is similar to the main menu and its sub-menu styles.</li>
<li>This plugin doesn’t support the sticky header option added by the <em>Storefront Designer extension</em>.</li>
</ul>


Storefront Top Bar

Adds two widgets areas on top of the header of Storefront.

Juan Alzate

jcortesjara

arangoss

Jose Miguel Vega

<p>The easiest way to add a top bar to your site.<br />
With this plugin you can:<br />
Modify the number of the top bar segments (Columns) in 1, 2 or 3.<br />
Add custom HTML or WordPress shortcodes to the top bar.<br />
Modify the color, text color and height of the top bar.<br />
Have a sticky top bar (position fixed).</p>
<h3>Settings</h3>
<p>You can access to your top bar`s configuration in the settings sidebar from your backoffice site.<br />
You can modify the next features in the top bar:</p>
<h4>General Section</h4>
<ul>
<li>Activate: User can activate or deactivate top bar.</li>
<li>User can close top bar: This option allows you to allow or not the user to close the top bar at any time.</li>
<li>Sticky top bar: This option makes the top bar sticky (fixed position).</li>
<li>Background Color: You can modify the color of the top bar by simply selecting it with the color picker in the configuration section</li>
<li>Text color: Same as the background color you can edit the color has you want  from the text inside the top bar.</li>
<li>Height: You can modify the height in pixels of the top bar to the size you want</li>
<li>Custom CSS: You have the possibility to add custom css to the site with the field provided in the general settings from this plugin</li>
<li>Columns number: You can edit the number of columns (1,2 or 3) to divide your top bar content.</li>
</ul>
<h4>Content Section</h4>
<p>In this section, you can modify all the content within each column for the top bar.<br />
It has up to 3 sections of content, separated in left, center and right.<br />
You can add HTML code or WordPress shortcodes.</p>


Top-Bar CodeBulls

I created the top-bar that I needed without problems. You need to improve the responsive settings, I had to code responsiveness by my own

Simple but useful

Just what I needed

Thank you very much for your really nice Top Bar plugin! Very helpful tool! I hope you keep updating and giving support.



Really nice plugin

Doesn't affect page speed and i could create the top-bar that I needed without problems. You need to improve the responsive settings, I had to code responsiveness by my own.

Great and easy to use

The easiest way to add a top bar to your site.

Storefront Top Bar vs Top-Bar CodeBulls