I have resolved this myself. I just added the image to the header widget.
Something doesn’t seem right, the logo is not responsive ( it should because theme is responsive and it has responsive image class already ).
First of all, please go to the main setting page and put in both Site Title and Tag Line. It’s important to site accessibility and SEO.
And then put this in the Jetpack Custom CSS module.
/* ----- hide visually but keep SEO ----- */
.site-title,
.site-description {
position: absolute !important;
clip: rect(1px 1px 1px 1px); /* IE7 */
clip: rect(1px, 1px, 1px, 1px);
}
/* ----- allow img in there responsive ----- */
.site-header .widget { float: none; }
Your <img> tag in header text widget could be wrapped in a link to site url so that it’s clickable which is expected.
Also, please consider go over all of your posts and text widgets taking out all the inline styles with fixed width in it, because those are ruining the responsiveness of the theme. In fact, completely remove all the inline styles, because its usage like this kills off the power of CSS.
Hi,
I tried to do what you said but it’s not working for me.
Could you please describe step by step please?
I would like to put an image instead of the Title of the website and slogan.
Thanks
Hi for this theme there is an option for a header widget. Put a text widget in the head widget area. Then add the relevant html to post the picture/logo you want to show
hope that helps
hi, can you tell me what the html code would be for a custom header image? i’m new at this and your site looks great!
