Content

Houzez allows you to display an extra bar on top of the header where you can display the navigation menus, the social icons, the contact informations, the area switcher and the currency switcher. The top bar is divided in two areas left and right.

To enable the Top Bar navigate to Theme Options > Top Bar locate the switch button to enable it as you see in the image below

Top bar options available

  1. Layout: Choose between boxed or full width top bar layout
  2. Hide Top Bar in Mobile: Optionally you can decide to display or not the top bar on mobile devices
  3. Top Bar Left Area: Select what would you like to display on top left area The available options are: nothing, menu (you need to create a menu and assign under apparence), social icons, contac info or contact info and social icons together and slogan/pay off.
  4. Top Bar Right Area :Select what would you like to display on top right area. The available options are: nothing, menu (you need to create a menu and assign under apparence), social icons, contac info or contact info and social icons together and slogan/pay off.
  5. Phone Number: Enter your phone number
  6. Email Address: Enter your email address
  7. Slogan: enter website slogan (or payoff or reason why, distinguish your business!)

Styling the top bar

To customize Top Bar colors navigate to Theme Options > Styling > Top Bar and locate the panel here below to change colors.

Was this article helpful to you?

Comments are closed.