Customizing Header Contact Info

Hi - My query relates to the Sydney Pro Contact Header Info (Theme > Customization > Sydney Pro Options > Header Contact Info) as applied to mccabes.com

Can you please advise on code changes for the following:

I want to add Hours of Operation alongside Phone/email/address. Preferably I’d also be able to sub in Awesome Font icons (as per footer).

Thanks

-Walt

Hi Walt,

Thank you for contacting us.

Please try doing these 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
    jQuery(function($) {

      var myText = 'Your text goes here';

      $('.header-contact-info').prepend('<span class="header-hours"><i class="fa fa-clock"></i> '+myText+'</span>');

    });
  1. Update
  2. Flush any applied cache before reloading your site to see the result

Let me know how it goes.

Stay safe.
Have an excellent day ahead :slight_smile:

Regards,
Kharis
aThemes Support

You’re welcome!

Sorry, I couldn’t get it clearly. Please elaborate it with some screenshots (if possible).

Stay safe.
Have an excellent day :slight_smile:

Regards,
Kharis
aThemes Support

Your solution worked. Thank you. I am still having one issue: the four contact elements paginate well across mobile and tablet. On desktop, in full-screen mode, the 4 elements of the Contact Header Info don’t go all the way across the top.


I’m unsure what’s causing this behavior. Thanks for any advice.