Header
Last updated
Was this helpful?
Last updated
Was this helpful?
In the Header section, you can find the settings where you can adjust each element of the header.
There are 6 sub-panels:
See below for information on what each section contains.
On the Header Layout field, you can select the header style of your website.
Let's have a look at the header styles:
Dealer:
Dealer Two:
Classified:
Classified Five:
Boats:
Motorcycle:
Rental:
Magazine:
Aircrafts:
Equipment:
On the Header Background Color field, you can set the header background color.
‌Set the header background color on the Mobile Header Background Color field.
‌Also, you can use the image as a header background. Upload your wished image under this field.
‌Here you can set the margins for the menu and icon area.
‌On the Header text color section indicate the color of the text on the header area:
‌Here you can set the mobile header text color:
Set the color of socials icons on the header area on the Header Socials Icon Color field.
‌On the phone settings area, indicate the contact phone to display them on the header.
On the Dealer header style, there are two phone fields: Main and Secondary. The Main contact phone displays on the mobile header.
‌On the Address settings area set the address section on the header. On the Address field specify your address. Pick the address Icon and indicate the icon size on the Address Icon section.
On the Google Map Address URL section insert the map embed link to show this address on the pop-up map.
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:
Here you can enable the Sticky header, set the paddings, and indicate the background color of the sticky header.
In this section, you can set the website logo and title settings.
On the Logo field, upload the Logo file.
Specify the logo image width in px on the Logo Width (px) field.
If there is no Logo image upload, the Website Title will be displayed instead of the logo. On the Text Logo Font Family area, configure the logo font settings as font family, font-weight & Style, font size, font color, and so on.
Here you can set the header menu font and color settings.
‌You can select the font family, specify font-weight, and style, adjust the font size, text-align, text-transform, and line-height of the menu text. Also, select the Backup Font Family as the fallback if the main font will not be loaded.
On the SubMenu Font Family field set the sub menu's text Font Family, Font Color, and Backup Family:
Adjust the Menu section Margin options:
On the Item Padding field indicate the padding option for menu items:
Here you can set the menu section background color.
Set the background color of menu items blocks:
Indicate the menu item block hover color:
On the Item Hover Text Color set the menu item text color on hover action:
‌On the Button/Action tab located the settings of the header icons.
Enable the Show Compare button to display it on the header area. Pick the icon, indicate the icon color, and set the icon size on the Compare Icon section:
Display the WooCommerce cart on the header by enabling the Show Cart option:
‌Here you can set the Compare and Cart buttons background color on hover:
Set the Compare and Cart buttons Text color on hover:
Enable the Show Profile button to display the Profile icon on the header.
On the Profile icon settings configure the icon options and set the profile button hover background color and profile button hover text color on appropriate fields:
Display the Add a Car on the header by enabling the Show Add a Car Button.
On the Label field indicate the Add a Car button text. Set the button options as background color, hover color, text color, add car icon settings on the appropriate fields. Enter the Add a Car page URL slug on the Link field as below:
Enable the WordPress default search option on the header area.
Configure the search icon option on the Search Button Icon area. Indicate the icon hover background color and text color on hover on the Search Button Hover Background Color and Search Button Hover Icon Color fields respectively.
On the Socials section specify which socials to display on the header.
The social networks buttons will be displayed only if the links to these social networks are provided in the Socials tab ()
The compare page should be indicated under the field.
The Add a car should be indicated under the field.
