One way to do this is to add a logo to already existing title text. The solution is based on these instructions: https://bit.ly/2V1mpxA but in reverse.
(1) Click on "Theme" at the top, then click on "Edit HTML/CSS" on the bottom-left.
(2) On the left, under "HEADER TYPE", click on the first page layout. On the right, locate the white "{logo}" code which will look something like this: <div class="logo">{logo}</div>. Copy the HTML code below and paste it directly beneath the white "{logo}" code.
<div class="sloganimage">{sloganimage:image}</div>
(3) Repeat this process for each page layout under "HEADER TYPE".
(4) Once you're back in the Weebly editor, you should see a "Click here to add image" box to the left of your site title. To add your image, simply click and drag your picture!
(5) You can format your picture by going under "STYLES", click on "main.less". On the right, scroll down and find your logo's CSS coding. Copy the CSS code from below and paste it in the area of your logo's CSS coding and then click save. This way you can move the picture around the title text. Try to find a picture with size that fits your theme and title text.
/* Format image next to title */
.sloganimage {
position: relative;
top: -70px;
left:220px;
padding: 0px;
} /*end*/
I hope it was helpful.
