Search Top Bar

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!

Upload jlg-searchtopbar to the /wp-content/plugins/ directory
Activate the plugin through the Plugins menu in WordPress
Set your options from the Search Top Bar in the sidebar to customize your top bar.

Alternatively:

Login to your WordPress admin area
Visit Plugins > Add New
Search for Search Top Bar
Click install Search Top Bar
Activate through the Plugins menu in WordPress or when asked during installation
Set your options from the Search Top Bar in the sidebar to customize your top bar.

1. 

   Setting Search Top Bar

2. 

   Example 1

3. 

   Example 2

4. 

   Example 3

1.1.4

Added: option to place in pixels the left and right padding of the top bar
Added: Option to select the height of the search bar
Added: Now you can select the background and text color of the search field

1.1.2

Added: new icons for phone and email

1.1.1

• Correction: Fixed compatibility between FontAwesome 5 and previous versions
• Correction: Fixed the visibility problem of the top bar that hid the dropdown options of the WP dashboard
• Removed: The wp-color-picker-alpha.min.js file was removed from Color Picker and now the native WP picker color is being used

1.0

• Initial release