Add an additional image to the Header

Hello!

Where exactly do you want to add an image? Outside of the slider somewhere? Also would you mind posting your website address? Maybe it will make more sense to me if I see your site. ??

Thanks for the help, here is the shortlink to my site https://www.holyfamilysurgerycenter.org/ [Link expanded by a moderator]. Basically what I want to do is add a “donate” button at the top right of the header / banner and above the social media and search buttons.

Here’s the code I referred to in the video.

<a href="/?page_id=1891"><img src="https://www.holyfamilysurgerycenter.org/wp-content/uploads/2015/07/Donate1-300x152.jpg" alt="Donate" /></a>

Let me know if you have any questions!

Thank you for the help, I really appreciate it! I tried the steps you mentioned and that will work however it changes the spacing of the header image I have there now. Ideally I would like it to be more in the top right corner or in line with the Header Image I have now. Is this possible?

Sounds like maybe its running into the header image? Try uploading this smaller button to WordPress (in Media). Then get the path to this new image and add it to the src”” in the Header Text field. Does that make sense?

I left it up on the site if you wanted to see what I was referring to, it appears that no matter what I put there (even if it is just text) it will space the current header image up.

Without some more in-depth changes to your templates you could use CSS to pull the .right-header div up to put it in line with the logo. Try adding these styles to the custom CSS field.

#masthead .right-header {
  margin-top: -200px;
}

@media screen and (max-width: 1120px) {
  #masthead .right-header {
    margin-top: auto;
  }
}

I think that is going to work perfectly. I adjusted the size just slightly to make it more in line with the logo but ultimately I think this will work great! THANK YOU for your assist!