Let's start by placing the markup for our logo image within the navbar-brand link. We'll find the markup for this in the header-top-navbar.php
file in the templates
folder:
Open the
header-top-navbar.php
file inside thetemplates
folder in your editor.Find the following element:
<a class="navbar-brand" ...
Delete the following tag, which places our site name within the navbar brand link:
<?php bloginfo('name'); ?>
Replace the previous line of code with the appropriate tag for our logo image:
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/logo.png" width="120" alt="Bootstrappin'">
Save your results.
If you refresh your page, you should see the logo image appear as shown in the following screenshot:
Now for the footer.