Adding Click to call image in Header

I have added a click to call image in my header and it shows up fine on this page
which uses the Full Width Template

But it does not show up on the rest of the pages which uses the
Featured Image Header - Wide template

What am I missing?

Hello there,

To accomplish it, try doing the below 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 headerImg = $('.header-image');
      var ctaBtn        = '<div class="slide-inner">'+
                          '<a href="#primary" class="roll-button button-slider">Click to begin</a>'+

      if (':visible') ) {

  1. Update
  2. Add this CSS code to Appearance > Customize > Additional CSS from dashboard.
    .header-image .slide-inner{
      top: 50%;
      -webkit-transform: translateY(-10%);
      -moz-transform: translateY(-10%);
      -ms-transform: translateY(-10%);
      -o-transform: translateY(-10%);
      transform: translateY(-10%);


This added a button to the slide, but I wanted to ad an image right after the menu on the same line after the nav menu.

I put this code in my header

<a href="tel:803-597-0123"><img class="myNumber" src="../../../images/Phone_Branded_Arrow_Hair_Salon.png" width="192" height="70" alt="Phone number of of Branded Arrow Hair Salon"/></a>

and it did work but then when I changed my template to Featured Image Wide it stopped working.

any thoughts on that would be appreciated.