Luisana M.

This plugin creates a bar at the top of your pages that contains a search bar and an information bar so that users who enter your website can search for information without problems or contact you directly!
The search bar has 2 styles of design and is fully customizable: 
– Style 1: Oval 
– Style 2: Square 
And there are many more to come in the next updates
It has two widgets to place your phone number and your email address and you can choose between several icons.
Totally responsive!
Compatible with the most famous page builders and templates of the moment (Divi Theme, Elemetor, WPBakery/Visual Composer, Sydney, Fusion Builder and many more)
Many styles to come
You can customize the background of the top bar, the height, the padding, the colors of the icons and the text, the background of the search bary its height, the text of the button and the form, the size of the text and much more!
You can choose between 2 styles for the search bar and choose between 3 different phone icons and 3 different email icons!
We are adding many more styles and customizations in each of our updates!

Search Top Bar

The easiest way to add a top bar with a search and contact module to your website.

jcortesjara

Juan Alzate

arangoss

Jose Miguel Vega

The easiest way to add a top bar to your site. 
With this plugin you can: 
Modify the number of the top bar segments (Columns) in 1, 2 or 3. 
Add custom HTML or WordPress shortcodes to the top bar. 
Modify the color, text color and height of the top bar. 
Have a sticky top bar (position fixed).
<h3>Settings</h3>
You can access to your top bar`s configuration in the settings sidebar from your backoffice site. 
You can modify the next features in the top bar:
<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>
In this section, you can modify all the content within each column for the top bar. 
It has up to 3 sections of content, separated in left, center and right. 
You can add HTML code or WordPress shortcodes.

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.

Search Top Bar vs Top-Bar CodeBulls