Header & Topbar

Theme Settings > Styling Options

1. Header

You can navigate to Theme Setting > Styling Option > Menu to select the style of the header

Then navigate to the Header tab to add items in the header, beside the default menu

For example

Currency Icon

Cart Icon

Account Icon

Button Link

2. Topbar

You can navigate to Theme Setting > Styling Option > Topbar to add an item

The icon is from Traveler Library or Font Awesome Brand 5 library - fab (Elementor) or Font Awesome 4 (WPBakery)

Find the Perfect Icon for Your Project in Font Awesome 5 | Font Awesomefontawesome

Or Line Awesome

Line Awesome — Free Beautiful Icon Font

2.1. Left Topbar

The left topbar will show the content.

2.1.1. Phone Number

The topbar will show the number and the icon is stt-icon-call-calling

The link should be tel:phonenumber (no dash or space). Customer who click on the phone number can open the phone application

For example, tel:123456 or tel:[phone] (country code is +1) or tel:123456p789 (extension number is 789)

2.1.2. Mail

The topbar will show the email and the icon is stt-icon-sms

The link should be mailto:emailaddress (no dash or space). Customer who click on the email can open the email application.

For example: mailto:[e-mail]

2.2. Right Topbar

The right Topbar will show the icon only. For example:

Icon Facebook on the right-side with hyperlink is stt-icon-facebook

Icon Twitter on the right-side with hyperlink is stt-icon-twitter

Same with Instagram is stt-icon-instagram

Same with Youtube is stt-icon-youtube