Yes, there was a child theme. But, I don’t understand what the code is doing. It does not identify a specific URL to a header image. Here’s the code.
What I want to do is change the header image and create an image map. Then put the image map code into a header widget. Perhaps my question should address how to do that. I would be happy to go back to WordPress->Customize->Header and do away with this custom code as I am not a coder.
Thanks for the help.
<?php
/**
* The Header for our theme.
*
* Displays all of the <head> section and everything up till <div id="content">
*
* @package sparkling
*/
?><!doctype html>
<!--[if !IE]>
<html class="no-js non-ie" <?php language_attributes(); ?>> <![endif]-->
<!--[if IE 7 ]>
<html class="no-js ie7" <?php language_attributes(); ?>> <![endif]-->
<!--[if IE 8 ]>
<html class="no-js ie8" <?php language_attributes(); ?>> <![endif]-->
<!--[if IE 9 ]>
<html class="no-js ie9" <?php language_attributes(); ?>> <![endif]-->
<!--[if gt IE 9]><!-->
<html class="no-js" <?php language_attributes(); ?>> <!--<![endif]-->
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="profile" href="https://gmpg.org/xfn/11">
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="<?php echo bloginfo('template_url'); ?>/js/parallax.min.js"></script>
<link rel="shortcut icon" href="<?php echo bloginfo('template_url'); ?>/favicon.png" />
<?php wp_head(); ?>
<script type="text/javascript">
$(document).ready(function()
{
var Environment = {};
Environment.isSafari = navigator.userAgent.indexOf('Safari') > -1 && navigator.userAgent.indexOf('Chrome') == -1;
if(Environment.isSafari){
$('body').addClass('safari_cl');
}
});
function chk_valserch1()
{
var serchinput=$(".searchinp").val();
if(serchinput=="")
{
$(".searchinp").attr('Placeholder','Please add some text');
return false;
}
}
function show_all(){
$('.fulldp').fadeOut( "slow" );
$('.fulldp').css('display','block');
$('.shortdp').css('display','none');
}
function close_all(){
$('.fulldp').css('display','none');
$('.shortdp').css('display','block');
}
</script>
</head>
<body <?php body_class(); ?>>
<div id="page" class="hfeed site">
<div class="col-sm-12 blackbg"> </div>
<div class="col-sm-12 headerbg nopadding">
<div class="container">
<div class="col-sm-8 herdertoptxt col-xs-12 nopadding">
<div id="logo">
<a href="<?php echo esc_url( home_url( '/' ) ); ?>"><img src="<?php header_image(); ?>" height="auto" width="100%" alt="<?php bloginfo( 'name' ); ?>" class="otherdevice"/>
<img src="<?php echo bloginfo('template_url')?>/images/logo_for_mobile.png" height="auto" width="100%" alt="<?php bloginfo( 'name' ); ?>" class="foripod"/>
</a>
</div><!-- end of #logo -->
</div>
<div class="col-sm-4 col-xs-12 nopadding">
<form role="search" method="get" id="searchform" class="searchform form-search" action="https://jeffanzalone.com/" onsubmit="return chk_valserch1();">
<div class="col-md-11 col-sm-9 col-xs-9 nopadding">
<input type="text" value="" name="s" id="s" class="textinput searchinp" placeholder="Search" /> </div>
<div class="row col-sm-4 col-md-1 col-xs-3 searchsumb nopadding"> <input type="submit" id="searchsubmit" value="" /></div>
</form>
</div>
</div>
</div>
<div class="clearfix"></div>
<header id="masthead" class="site-header " role="banner">
<nav class="navbar navbar-default" role="navigation">
<div class="container ">
<div class="">
<div class="site-navigation-inner col-sm-12 row">
<div class="navbar-header">
<button type="button" class="btn navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<?php sparkling_header_menu(); // main navigation ?>
</div>
</div>
</div>
</nav><!-- .site-navigation -->
</header><!-- #masthead -->
<div class="col-sm-12 "></div>