Adding a second logo to the header

• 

  retrievesw · Member · Sep 23, 2020 at 10:31 am

  • Copy link
  • Add topic to favorites

  I’ve been asked to add a second logo to the header of a site, current logo is top left but they need a second logo top right.

  Is the only way to do this is to use CSS and add both logos to the background above the site header? I’m using Barnsbury theme at the moment.

  The blog I need help with is: (visible only to logged in users)

• 

  retrievesw · Member · Sep 24, 2020 at 12:28 pm

  • Copy link

  Can anyone help please?

  I really don’t know much about CSS and I can’t launch the site until the header image issue is resolved

• 

  retrievesw · Member · Sep 25, 2020 at 7:59 am

  • Copy link

  Resolved now thank you to Susan in the support team – Thank you!

  custom CSS: Here’s the code you’ll need do do that. Don’t forget to upload your logo to your media library and replace the image link in the code below:

  
  /* Header background image / 3345468-zen (MI) */
  @media only screen and (min-width: 768px) {
    .site-header {
      background:url(imgage-url.png);
      background-position: top right;
      background-repeat:no-repeat;
    }
  }