achaninau

This is how I added a site logo to the left of the title and tag header lines:

I reviewed the Firefox page source code, like this:
Web Developer -> Page Source

Then, scrolled down to find this:
<header id=”branding” role=”banner”>
I saw here that the site logo is missing

So I went into WordPress like this:
Wordpress -> Appearance -> Editor -> Theme Header (under Theme Files sidebar, scroll down until u find it)

Then I divided this part into two columns and inserted the image like this:

<header id="branding" role="banner">
<div style="float: left; width: 18%;"><img src="http://www.iamsoftpower.com/wp-content/uploads/2018/03/cropped-my512x512Logo.png" alt="Zhourong" align="left" width="128" height="128"></div>
<div style="float: right; width: 80%;">
<h1 id="site-title"><a href="http://www.iamsoftpower.com/" rel="home">Zhourong Software</a></h1>
<h2 id="site-description">we design database and customize software for businesses and startups like RAS</h2></div>

Size the image as you see fit.

It works for me, the result is rather pleasing. Here is the pic after I modified the codes.
Caveat emptor: backup your header.php first 😉

Have look: Zhourong
Any questions, pls email me.

• This reply was modified 8 years, 2 months ago by achaninau.