Client added an image to WordPress header and not aligning properly

my client has added an image to their WordPress header. I am having difficulty (I'm still learning CSS) getting the image to align where we want it.

This is the site here

You can see the Options House graphic on the right. I want it to be to the right of the word "stocks" in the tagline. Help?

====Edits based upon suggestions below====

@Beardminator made a suggested answer, but this is what the site header looked like after including that code:

enter image description here

Solutions

Here is the 2 div which you should replace with this code:

.slogan {
    color: #EBEBEB;
    font-size: 17px;
    left: 200px;
    line-height: 25px;
    position: absolute;
    text-shadow: 0 2px 4px #0F243E;
    top: 59px;
}


.logo_mmj, .logo_mmj:visited, .logo_mmj:hover, .logo_mmj:visited:hover {
    background: url("../images/logo_marijuana.png") no-repeat scroll 0 0 transparent;
    display: block;
    float: right;
    height: 95px;

    position: absolute;
    right: 0;
    text-decoration: none;
    top: 23px;
    width: 392px;
}

You need to put the logo to the right, so the .logo_mmj should contain

  right:0px;

Or if you use position:relative; You can use like this:

.logo_mmj
{
 position:relative;
 float:right;
}

update: The site you linked have very different logo that's why It only made it worse. You only need to adjust .slogan left property. And add to .logo_mmj div top:30px or much more.

Relatively position that options_house div like so:

#options_house {
    float: right;
    position: relative;
    top: 40px;
    left: 52px;
}

And take off the overflow hidden from the header class.

Tags: Html / Css / Wordpress

Similar questions

Aligning a Header in Wordpress
Can anyone offer a solution on how to center the menu on this page: http://theelevenkeys.com/wordpress/ Thanks.
Aligning header - Wordpress
Currently trying to align my website logo, menu, and contact us button. (http://bathpluskitchen.com/) I've tried numerous CSS adjustments but just cant seem to get it right. Any ideas?
Aligning text to corner of page header
I want to align the header text (blue background) to the right/bottom corner of the header so that it is ALWAYS in that position no matter the device (responsive). So far it looks different on every device I've tested on, so I'm stumped. I've spent ALL DAY on this and gotten nowhere. Can anyone help? Thank you! [URL removed for privacy] P.S. I have...
Strange html formating after aligning text and image on same line
I wanted to make my email as image, so I've put text and then email address as image. After that line goes another line, which is text and link on the same line. But the problem is that for some reason second line (with text and link) is being formated with parameters on the first line, even though it is not on same div tag. I don't get it why it i...
Image Not Aligning Center
I can not seem to get the image to align on this page: https://www.thewellnessproject.net/how-you-eat-is-how-you-live-the-7-types-of-eaters/ The image is set to center via the Wordpress post. I also went in and added adding CSS to try and center it (including adding it to wp-block-image and aligncenter size-large); neither seemed to work. Any ideas...

Also ask

We use cookies to deliver the best possible experience on our website. By continuing to use this site, accepting or closing this box, you consent to our use of cookies. To learn more, visit our privacy policy.