Header logo + site title

Hi!
I love the brickyard theme but I have a problem with the header.
I would like to display in my website header the site title and an header logo.
However, when I upload an header logo this hides the site title.

I write this code as Custom CCS but got something wrong on smartphone or tablet:

.site-title::before{
content: url(picture.png);
float: left;
}

Do you have a solution for a more responsive code (or a better choice)?
Thanks in advance!