Re-order Tel, E-mail, City in Header Area?

Hello! Is is possible to reorder the left to right order of the Telephone #, E-mail address, and city in the Header area? Right now I have all 3 of those plus a social media link and was hoping to put the social media link first, before the Telephone number. Thank you!

Hello there,

Replace the code as suggested here in my reply in your other topic with this one:

    ;(function($) {

       'use strict'

       if( $('.header-contact').length ) {

         var socialFacebook = '<a href="http://facebook.com/profile"><i class="fa fa-facebook"></i></a>';
         var socialTwitter = '<a href="http://twitter.com/profile"><i class="fa fa-twitter"></i></a>';
         var socialInstagram = '<a href="http://facebook.com/profile"><i class="fa fa-facebook"></i></a>';

         $('.header-contact .container').prepend(socialFacebook+socialTwitter+socialInstagram);

       }

    })(jQuery); 

Regards,
Kharis

Thank you Kharis! That actually didn’t work, but below is the current code I’m using for the attached screenshot:

;(function($) {

‘use strict’

if( $(’.header-contact’).length ) {

 var socialTwitter = '<a href="http://twitter.com/profile"><i class="fa fa-twitter"></i></a>';
 var socialInstagram = '<a href="http://instagram.com/storytellerofyou"><i class="fa fa-instagram"></i></a>';

 $('.header-contact .container').append(socialInstagram);

}

})(jQuery);

I’d like to move the Instagram (last icon/link on the far right) to the left of the telephone number so that it is the first one, not the last one. thanks!

Try replacing this line:

$('.header-contact .container').append(socialInstagram); 

to:

$('.header-contact .container').prepend(socialInstagram);

Clear any applied cache before reloading your site.

Regards,
Kharis

Worked great, Kharis! Thank you again for your always awesome support!!

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis