Position a logo to the right side of the header

Remember to remove your coming soon page

Thank you, I removed it.

Have you tried this:

#bio-image {
 text-align: right;
}

I have, when I do that it takes everything to the right. And the Trusted Choice logo is still under the company logo. I want them to be next to each other.

Try creating a structure where the two images are wrapped in divs with descriptive classes so that you can target them in CSS more easily, e.g.

<div class="logo">
 <img src="..." alt="logo" />
</div>
<div class="sub-logo">
 <img src="..." alt="trusted choice logo" />
</div>

If this helps here is the code I changed/added

css:

/* =Navigation
----------------------------------------------- */
#site-navigation {
line-height: 3em;
background-color: #3c6398;
text-transform:uppercase;
margin-top: -6px;
}

/* =Layout
----------------------------------------------- */

#masthead{
width: 1140px;
margin: 0 auto;
background-color: transparent;
margin-top: 5px;
}

.site-main{
	background-color: #fff;
}

#bio-image {
    float: left;
    margin: 1px;
}

#tc-image {
 text-align: right;
}

.site-branding {
    margin-left: 0;
}

#header-right {
    margin: 50px 50px 0 0;
}

h1.site-title {
    clear: none;
    font-size: 2.9em;
    margin-top: 50px;
}

h2.site-description {
    margin-left: 50px;
    clear: none;
}

header.php:

<div id="bio-image">
<img src="https://www.robinsonandtoler.com/wp-content/uploads/2013/12/header-image.png" alt="bio image" />
			<a href="https://www.trustedchoice.com/">
<img src="https://www.robinsonandtoler.com/wp-content/uploads/2013/12/tc-image.png" alt="tc image" />

In your code, where do I put the site link for the trusted choice site?

Instead of this:

<div id="bio-image">
<img src="https://www.robinsonandtoler.com/wp-content/uploads/2013/12/header-image.png" alt="bio image" />
			<a href="https://www.trustedchoice.com/">
<img src="https://www.robinsonandtoler.com/wp-content/uploads/2013/12/tc-image.png" alt="tc image" />

Do this:

<div id="bio-image">
 <div class="logo main">
  <img src="https://www.robinsonandtoler.com/wp-content/uploads/2013/12/header-image.png" alt="bio image" />
 </div>
 <div class="logo sub">
  <a href="https://www.trustedchoice.com/">
    <img src="https://www.robinsonandtoler.com/wp-content/uploads/2013/12/tc-image.png" alt="tc image" />
  </a>
 </div>

Ok, I replaced mine with yours and it looks the same. Do I need to change the css too?

Also reduce the widths of your logos so that they don’t have unnecessary white space, they’re not unnecessarily wide.

I just uploaded cropped images. So now I just need to get the company logo centered and the Trusted logo on the right.

Add this CSS:

.logo.main {
 float: left;
}

.logo.sub {
 float: right;
}

Great, they are on the same line! Now to get the main logo to center what do I change?

Instead of this:

.logo.main {
 float: left;
}

Use this:

.logo.main {
 float: left;
 width: 50%;
 text-align: right;
}

.logo.main img {
 margin-right: -199px;
}

Perfect!!! Thank you so much! I’ve been at this for hours! You just saved the rest of my day. Thanks again and have a wonderful day!