How to add Logo to the header section of my website?

  • Resolved ontariocollect

    (@ontariocollect)


    10 years, 6 months ago

    Hi,

    I have a Twenty Twelve theme and trying to add a logo to the top right of my website (the header). I only see the option to change the site title and tag line in the customize header section which is on the left side of the header but there’s nothing on the right side that enables me to upload an image. Here’s the website url: ontariocollectionagency.ca

    Please let me know how to add an image to the top right side of my website. Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)

  • Since in Twenty Twelve theme there is no option to upload logo image so you can add custom code in header.php to add it in top-right of header.

    Thread Starter ontariocollect

    (@ontariocollect)

    Do you know where I can get that code? Thanks!

    In header.php below the <hgroup></hgroup> you can add

    <div class="logo-right">
   <a href="https://ontariocollectionagency.ca/">
   <img alt="" src="your image path"/>
   </a>
</div>

    and add css to style.css

    #masthead hgroup{display:block;float:left;}
.logo-right{float:right;}
.logo-right img{width:100%;}
.logo-right a{display:block;}

    Thread Starter ontariocollect

    (@ontariocollect)

    Thank you very much, you rule!!! I just had to add some some adjustment codes so I could move it around. Thanks again!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to add Logo to the header section of my website?’ is closed to new replies.