How to edit topbar menu?

Top Bar Menu Image 1

Go to Theme Options > Styling Options > Topbar

  • Enable the TopBar menu to display
  • Select the item of Topbar Menu Options
  • To hide it on a mobile screen, enable Hidden Topbar in Mobile
Top Bar Menu Image 2

Left Topbar

Phone Number

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

NOTE:

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:+1123456 (country code is +1) 

Styling Options Image 15

Mail

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

NOTE:

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

Styling Options Image 16

Right Topbar

Social Media

To insert the icon of social media, please find your social media icon on Fontawesome v5.15.4

Styling Options Image 18

Facebook: stt-icon-facebook or fab fa-facebook

Twitter: stt-icon-twitter

Instagram: stt-icon-instagram

Youtube: stt-icon-youtube

Styling Options Image 17

$79