Question: The image is placed beside the navigation bar to the left, not above the navigation bar.

I want the image to be placed above the navigation bar, not beside it.

```css
.topnav {
  overflow: hidden;
  background-color: #00003f;
}

.topnav a {
  float: left;
  font-size: 1em;
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding: 14px;
  text-decoration: underline;
}

.topnav a:hover,
.dropbtn,
.dropdown:hover {
  background-color: #3f61a1;
  text-decoration: underline;
}

.topnav a.active {
  background-color: #3f61a1;
  color: #fff;
}
```

```html
<img src="images/ERAU_WW_0809.png" alt="Flying Fixed Wing drone" style="display: block; float: left; padding-right: 10px; padding-bottom: 10px" ; width="400" title="Flying Fixed Wing drone" />
<nav class="topnav">
  <a class="active" href="index.html" title="x"> Computer Information &amp; Download Versions </a>
  <a href="FAQ's.html" title="x"> FAQ </a>
  <a href="faq.html" title="x"> Hub Resources</a>
  <a href="table.html" title="x"> Technical Assistance &amp; Contact Information</a>
</nav>
```

Answer: 
You can use [get\_template\_directory](https://developer.wordpress.org/reference/functions/get_template_directory/) to retrieve the directory of the current theme.

```
<?php require get_template_directory().'/africa-map-svg.php'; ?>

```
You can use following function to include any file. `get_theme_file_uri()`

please try this

```
<?php require_once (get_theme_file_uri('/africa-map-svg.php')); ?>

```