Image Disappear on all pages except home page

  • Somebody please help, I’m not a guru with coding but I managed to add an Image on the header of my website but the Image only appears on the home page and disappear on every other page leaving a broken image icon.

    If you check the link on the image broken icon you would see it has change to a path on the current page where the image does not actually exist eg: (https://www.fundamentalrightsleague.org/about-us/wp-content/themes/expound/images/download.jpg) but the image is actually located on (https://www.fundamentalrightsleague.org/wp-content/themes/expound/images/download.jpg)

    Below is the unclean header.php I manipulated to get what is there on the header of the homepage.

    [ Moderator note: code fixed. Please wrap code in the backtick character or use the code button. ]

    <?php
/**
 * The Header for our theme.
 *
 * Displays all of the <head> section and everything up till <div id="main">
 *
 * @package Expound
 */
?><!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title><?php wp_title( '|', true, 'right' ); ?></title>
<link rel="profile" href="https://gmpg.org/xfn/11" />
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
<!--[if lt IE 9]>
<script src="<?php echo get_template_directory_uri(); ?>/js/html5.js" type="text/javascript"></script>
<![endif]-->

<?php wp_head(); ?>
</head>

<body <?php body_class(); ?>>
<div id="page" class="hfeed site">
	<?php do_action( 'expound_header_before' ); ?>
	<header id="masthead" class="site-header" role="banner">
		<div class="site-branding">

			<div class="site-title-group">
			 <div class="d-img">
		            <img src="wp-content/themes/expound/images/download.jpg">
		         </div>
				<div class="ttt">
				 <h1 class="site-title"><a>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1></br>
				<h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
				</div>
			</div>
		</div>

		<nav id="site-navigation" class="navigation-main" role="navigation">
			<h1 class="menu-toggle"><?php _e( 'Menu', 'expound' ); ?></h1>
			<a href="#content"><?php _e( 'Skip to content', 'expound' ); ?></a>

			<?php wp_nav_menu( array( 'theme_location' => 'primary', 'depth' => 3 ) ); ?>
			<?php wp_nav_menu( array(
				'theme_location' => 'social',
				'depth' => 1,
				'container_id' => 'expound-social',
				'link_before' => '<span>',
				'link_after' => '</span>',
				'fallback_cb' => '',
			) ); ?>
			<?php do_action( 'expound_navigation_after' ); ?>
		</nav><!-- #site-navigation -->
	</header><!-- #masthead -->
	<?php do_action( 'expound_header_after' ); ?>

	<div id="main" class="site-main">

    Am using Expound Theme

    Please somebody help.

Viewing 1 replies (of 1 total)

  • Just as a warning, you should not change the theme files (like header.php) directly. If you ever update the theme to a new version, your changes will be lost. The recommended way of making changes to a theme is to create a child theme. Then you make a copy of header.php from the parent theme into your child theme folder and change the copy in your child theme.

    With that being said, you can change this line in header.php:

    <img src="wp-content/themes/expound/images/download.jpg">

    to this:

    <img src="https://www.fundamentalrightsleague.org/wp-content/themes/expound/images/download.jpg" />

    That is, use the full path in the img tag.

Viewing 1 replies (of 1 total)
  • The topic ‘Image Disappear on all pages except home page’ is closed to new replies.