Additional navigation links in social menu

Hey team,

instead of having contact info is there any way to add additional navigation.menu links on that bar?

Hello there,

You can insert additional content to contact info section with this simple steps:

  1. Install and activate the TC Custom JavaScript plugin
  2. Go To Appearance > Custom JavaScript
  3. Paste the following code into the provided box
(function($){

  "use strict";
  if( $('.header-contact-info').length ) {

    var menu  = '<a href="#" class="top-menu">Menu 1</a>';
        menu += '<a href="#" class="top-menu">Menu 2</a>';
        menu += '<a href="#" class="top-menu">Menu 3</a>';

    $('.header-contact-info').prepend(menu);

  }

})(jQuery);
  1. Update
  2. To style the extra menu links, add this CSS code to Appearance > Customize > Additional CSS from dashboard.
    .header-contact-info a.top-menu {
      margin-right: 15px;
      color: #fff;
    }

    .header-contact-info a.top-menu:last-child {
      margin-right: 0;
    }

    .header-contact-info a.top-menu:hover {
      color: #d65050;
    }

To remove the contact info items, add this CSS code:

    .header-contact-info .header-phone,
    .header-contact-info .header-email,
    .header-contact-info .header-address {
      display: none;
    }

Regards,
Kharis