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
http://brandedarrowsalon-com.ntc6-p2stl.ezhostingserver.com/our-team/
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>'+
                          '</div>';

      if ( headerImg.is(':visible') ) {
        headerImg.append(ctaBtn);
      }  

    });
  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%);
    }

Regards,
Kharis

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.