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


#1

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!


#2

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


#3

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!


#4

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


#5

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


#6

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