Here is the cleaned and updated HTML version:
What Is the Header Widget Area
In WPRentals, the Header Widget Area is an optional top bar that can show content above the main header/menu.
You can use this area to display extra information or tools, such as:
- Phone number
- Email address
- Social icons
- Language switcher, for example WPML or Polylang
- Multi Currency Widget
- Custom HTML content
- Call-to-action buttons
This is an example of the top bar widget area on the front end:
Enable the Top Bar Widget Area
To enable the top bar widget area, go to:
WPRentals Options > Header Settings > Top Bar Widget Area
Enable the option:
Show top bar widget menu?
After enabling this option, the top bar widget areas will be available on the front end.
Add Widgets to the Top Bar
After enabling the top bar widget area, go to:
Appearance > Widgets
Look for these widget areas:
- Top Bar Left Widget Area
- Top Bar Right Widget Area
Add the widgets you want to display in each area.
Common examples are:
- Text widget
- Custom HTML widget
- Social widget
- Language switcher widget
- Multi Currency Widget
Classic Widgets View
If your WordPress installation uses the classic widgets interface, the widget areas will look like this:
Gutenberg Widgets View
If your WordPress installation uses the Gutenberg widgets interface, the widget areas will look like this:
Demo Setup Example
In the WPRentals demos, the top bar is commonly set up with:
- A Text or Custom HTML widget on the left for phone and email details
- A Social widget on the right for social media links
Left Widget: Contact Info
To add phone and email details, copy and paste this example into a Text or Custom HTML widget inside:
Top Bar Left Widget Area
<i class="fa fa-phone"></i> <a href="tel:18475555555">1-847-555-5555</a> |
<i class="far fa-envelope"></i> <a href="mailto:[email protected]">[email protected]</a>Customize the example:
- Replace 1-847-555-5555 with your phone number.
- Replace [email protected] with your email address.
Right Widget: Social Icons
To add social icons, go to:
Appearance > Widgets
Then add the social widget to:
Top Bar Right Widget Area
The social icons shown depend on the widget and social links configured on your website.
Top Bar Colors
You can manage the top bar colors from the WPRentals color options.
The relevant options are:
- Top Bar Background Color (Header Widget Menu) – controls the background color of the top bar.
- Top Bar Font Color (Header Widget Menu) – controls the text color used in the top bar.
These colors apply to the top bar area above the main header/menu.
