Motors Theme Documentation
Theme PageVideo TutorialsChangelogCreate a Ticket
  • Motors - Car Dealer, Rental & Classifieds
  • General
    • System Requirements
    • What's Included In My Purchase
    • Where Is My Purchase Code?
    • Theme License
    • Hosting
    • How to Get Support
    • Feature Request
  • Installation & Activation
    • Motors Installation
    • Common Installation Errors
    • Theme Activation
    • Multiple Websites on One License
    • License Key Deactivation
    • Activation FAQ
  • Getting Started
    • System Status
    • Import The Demo Content
    • Switch Between Different Demos
    • How To Update Motors
  • Theme Options
    • General
    • Top Bar
    • Header
    • Blog Page
    • Shop
    • Typography
    • Socials
    • Footer
    • Custom CSS
    • Custom JS
    • Import/Export
  • Motors Plugin Settings
    • Profile
      • General
      • User
      • Dealer
    • Monetization
    • Pages
    • Google Services
      • Google Maps
      • reCaptcha
    • Import/Export
  • Listing Manager Settings
    • Listing Templates
    • Listing Page Details
      • General
      • Page Layout
      • Loan Calculator
      • Features List
    • Add Listing Form
      • Listing Creation Form
      • Layout Builder
    • Search Results Page
      • General
      • Currency
      • Listing Info Card
    • Search Filters
  • Listing management
    • Custom Fields
      • Custom Field Options
    • Single Listing
    • Listing Manager
      • Options
      • Price
      • Extra Features
      • Images & Videos
      • Location
      • Specifications
      • Other Details
    • Single Listing Templates
    • Sold Listings
    • Import Makes & Models
  • Dealership layout features
    • Dealership Inventory Page
    • Dealership Two Demo: Sell Cars Online
    • Equipment Demo
    • Listing submission form: Sell Your Vehicle
  • Classified layout features
    • Classified Inventory Page
    • Classified Users
    • User/Dealer Settings
    • Pricing Plans
    • Add Listing
    • Pay Per Listing
    • Listing management
    • Paid Featured Listing
  • Car Rental layout features
    • WooCommerce Adjustments
    • Rental Layout Settings
    • Offices
    • Reservation Page
    • Rental Products
      • Product Attributes
      • Car options
    • Pricing system
  • Customization
    • Localization
    • Email Templates
    • Adding Custom Icons
    • WhatsApp Button
    • Hooks & Actions
    • Image Preview Slider
  • Hero Banner
  • Adding Images to Revolution slider
  • How to Set Up the Sidebar
  • Menus
  • Widgets
  • Motors VIN Decoder Integration
  • IMPORT LISTINGS
    • Import Preparation
    • HomeNet Automotive
    • AutoManager
    • Import Custom Inventory
  • Mega Menu
    • Mega Menu Activation
    • Dealership layouts
    • Classified Layouts
  • Content
    • Setting up Content Pages and Posts
    • Dealership & Classified Elements
    • Classified - "Browse by Make" logos
    • WooCommerce shop
    • Blink Search
  • Motors Listing Types
    • Getting Started
    • Add Listing Type
    • Inventory Page
    • Listing Type Categories
    • Add Listing Page
    • Listing Type Settings
    • Search Filters
    • Compare Page
  • MOTORS TRANSLATE
    • Translation Basics
    • Translating Static Strings
  • Deprecated
    • From Customize to Theme Options
    • Subscriptio V3 Update
  • Extra Materials
    • Demos
    • Video Tutorials
    • Facebook Community
  • Changelog
  • Stylemixthemes
  • VIN Decoder Plugin
  • Motors WordPress Plugin
  • Themes
  • Plugins
Powered by GitBook
On this page
  • Main
  • Enable Top Bar
  • Color Settings
  • Login/Register
  • Language Switcher
  • Show Currency Switcher
  • Address
  • Working Hours
  • Phone Number
  • Menu
  • Socials

Was this helpful?

Export as PDF
  1. Theme Options

Top Bar

PreviousGeneralNextHeader

Last updated 7 months ago

Was this helpful?

Configure every item on the Top Bar of your website on the Top Bar tab in the Theme Options panel.

The settings for the Top Bar include several sections, such as Main Settings, Address, Working Hours, Phone Number, Menu, and Socials. Let's walk through each of them.

The Top Bar style does not depend on the layout or the header style.

Main

Set the main settings of Top Bar using the following options:

Enable Top Bar

First, turn on the Enable Top Bar option to display the Top Bar on your website.

Color Settings

In this settings series you can change the colors of different items inside the Top Bar:

Indicate the Top Bar background color on the Background Color field.

In the Text Color section, you can change the color of the text on the Top Bar:

Set the Top Bars' icons color on the Icon Color field:

Indicate the Top Bars' links color on the Link Color field:

Login/Register

Also, you can enable the Login/Register option and display the Login and Register links on the Top Bar:

Please Note:

For the Dealership layouts (Dealership One and Two, Aircraft, Boats, Equipment, Motorcycle dealer), the login feature will allow the user to log in to the WooCommerce account only.

Language Switcher

If you decide to build a multilingual website, enable the Language Switcher option, so the users can easily switch between languages.

Note: The Language Switcher option will work only if the WPML Multilingual Plugin is installed.

Show Currency Switcher

Also, the theme allows publishing listings in several currencies on the website.

To add the currencies go to Inventory Settings > Price > Multiple Currencies section in the Theme Options panel.

Address

In the Address section, you can edit the address details on the top bar.

You can choose the Address Icon from the available icons' range on the Icon Picker field and set icons' color and size on appropriate fields.

Insert the address line in the Address field:

Also, you can show this address on the map by inserting the map embed link under the Google Map Address URL section:

To get the embed map code, open your needed address on Google Maps, click the Share button, and open the Embed a map section. Use the link inside the SRC attribute:

Decide whether you want to display the address in the mobile view of the website in the Show Address on Mobile section

Working Hours

In the Working Hours section, you can edit the details of your working schedule on the top bar:

Select a different icon, apply the color, and set the icon size in the Working Hours Icon section. Then enter the text to display in the Working Hours field.

Decide whether you want to display the Working Hours in the mobile view of the website in the Show Working Hours on Mobile section

Phone Number

In the Phone number section, you can edit the details of your contacts on the top bar:

Apply the color and set the size of the icon in the Phone Number Icon section. Also, enter the text to display in the Phone number field.

Decide whether you want to display the Phone number in the mobile view of the website in the Show Phone Numbers on Mobile section.

Menu

In this section, you can decide if you want to display the menu on the top bar of the website.

In the Menu section, you can also change the Font size, the Text color, and the Hover Text Color of the top bar menu.

Create the Menu under the Appearance > Menus section and set it as Top Bar Menu on the Menu Settings section:

Socials

In the Socials section, you can select which social media links you prefer to display on your top bar:

The plugin is not included in the theme package due to licensing restrictions.

The social networks buttons will be displayed only if the links to these social networks are provided in the Socials tab ()

WPML
Theme Options > Socials
Preview of how GMap Adress works