Add a second logo to header

Hi,

Open up header.php and find this line somewhere toward the bottom of the page that looks like

<!-- end container-->

now paste the code below before or after this line, just substitute the 2 urls.

<strong class="logo2">

<a href="URL OF LINK"><img src="URL OF IMAGE" alt=""></a>

</strong>

Now add the following css to quick css or to /css/custom.css file

strong.logo2 {

position: relative;

float: right;

}

Now to move the menu add this css, but you will need to play around with the number in the media query (as well as make your logo smaller)

.main_menu {

left: 19em;

}

@media only screen and (min-width: 768px) and (max-width: 989px) {

.main_menu {

left: 12em;

}}

You will need at the end to add a few lines in /js/avia.js since as you can see the left logo shrinks when you scroll down the page, and the right logo will not do that by itself. Once you finish these steps let us know.

Thanks,

Nick