kuivah on "[Theme: Sela] Header logo feature without Jetpack"

Hey! I would really like to have the Logo feature of Jetpack to my Sela theme, without the Jetpack plugin.

In another theme this has been achieved by editing functions.php here:
https://wordpress.org/support/topic/add-logo-without-jetpack?replies=13

Does anyone know what code would replicate the logo feature in Sela?

My blog: http://laurisalmi.com

If you still need any help with this, could you please provide a link to the logo image you'd like to use? It can probably be added as via CSS a background image without the need for a function.

Ok, thanks for the reply! here is the image:

http://laurisalmi.com/wp-content/uploads/2016/02/laurisalmi-header.jpg

Hi @, I'm seeing your logo on your site now and see this CSS.

.site-branding { background-image: url("http://laurisalmi.com/wp-content/uploads/2016/01/lauri-salmi-header.jpg");
}

Is this now resolved?

sacredpath, no, in your paste is the old image that is set via the header image option in Sela. It works differently than the logo feature i'm seeking. No changes have been done since I opened this thread.

Ah sorry for misunderstanding. Go to your customizer and tu on the display of the title and tagline and add the following CSS. This hides the text title and tagline, but we need to tu that back on so that we can use the div to place the logo.

.site-branding { background-image: none !important;
}
.site-title a, .site-description { color: rgba(0, 0, 0, 0);
}
.site-title { background-image: url("http://laurisalmi.com/wp-content/uploads/2016/02/laurisalmi-header.jpg"); background-repeat: no-repeat; background-size: contain; max-width: 400px !important; width: 100%; height: 100px; position: static !important; margin-left: auto; margin-right: auto; background-position: center center;
}

Thanks sacredpath! I got it working with that.

I had to switch the tag line on and off for a few times to get the right result. I also set the max-width line in the css to be 368px, which is exactly the size of the image in question. Otherwise some scaling was occuring.

Oh wait, one more thing

This does not seem to work correctly in mobile. The area off the header doubles and there is a large white space below the logo-image. Any idea what causes this?