How to manage Top Bar?

To manage Top Bar there are 3 sub-section which are mentioned in the articles given below.

General #

To manage the General Option there are sub options which are mentioned below:

  • Enable Top Bar: This option allows you to enable/disable the Top Bar.
  • Top Bar Full Width: This option allows you to create full width top bar.
  • Visibility: This option allows you to choose the device where the top bar will be displayed.
  • Style: This option allows you to choose the style for content and Social.
  • Padding: This option allows you to add gap for left, right, bottom, left.
  • Background Color: This option allows user to choose color for background.
  • Border Color: This option allows user to choose color for Border.
  • Text Color: This option allows user to choose color for Text.
  • Link Color: This option allows user to choose color for Link.
  • Link Hover Color: This option allows user to choose Hovering color for Link.

Content #

This section allows the user to add content which will be displayed in the top bar of the site.

Available Options:

  • Select Template: This option allows users to replace the content by selecting the template that is created by the user to replace the content.
  • Content: This option allows the user to add/edit the content.

Social #

This section allows the user to add social links which will be displayed in the top bar of the site.

Available Options are mentioned below: #

  • Social Alternative: This option allows users to replace the social links by selecting the template that is created by the user to replace the social links.
  • Social Link Target: This option allows the user to select between two options that will decide the redirect action. The 2 options are mentioned below:
    • New Window: This option redirects the page to a new window.
    • Same Window: This option redirects the page to the same window.
  • Font Size: This option allows the user to adjust the font size.
  • Padding: This option allows the user to adjust the gapping for left and right for the font.
  • Social Links Color: This option allows the user to choose the color for the social link icon.
  • Social Links Color Hover: This option allows the user to choose the hovering color for the social link icon.

Available Social Media Links: #

  • Twitter: This option allows users to add a link for Twitter.
  • Facebook: This option allows users to add a link for Facebook.
  • Pinterest: This option allows users to add a link for Pinterest.
  • Dribble: This option allows users to add a link for Dribble.
  • VK: This option allows users to add a link for VK.
  • Instagram: This option allows users to add a link for Instagram.
  • LinkedIn: This option allows users to add a link for LinkedIn.
  • Tumblr: This option allows users to add a link for Tumblr.
  • Github: This option allows users to add a link for Github.
  • Flickr: This option allows users to add a link for Flickr.
  • Skype: This option allows users to add a link for Skype.
  • Youtube: This option allows users to add a link for Youtube.
  • Vimeo: This option allows users to add a link for Vimeo.
  • Xing: This option allows users to add a link for Xing.
  • Yelp: This option allows users to add a link for Yelp.
  • Tripadvisor: This option allows users to add a link for Tripadvisor.
  • RSS: This option allows users to add a link for RSS.
  • Email: This option allows users to add a link for Email.
  • TikTok: This option allows users to add a link for TikTok.
  • Medium: This option allows users to add a link for Medium.