Additional navigation links in social menu

Sydney Pro
#1

Hey team,

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

#2

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