Insert image in header on right

[studimag]

Hi,

i’ve worked on a website which use the Neighborhood template. I want to add an image in the right of the header. How can i do that ? Thk U.

Studimag.

[Melanie – SUPPORT]

Hi, you would need to modify the file sf-header.php for that! I recommend performing the codechange via a child theme. If you’re unsure how to do that, I recommend hiring a dedicated developer of your trust to help you with that!
All the best

[mimawebseo]

Hi studimag,
I added this in my style.css (child theme) and it works fine.

#header .container {
background: url(“/wp-content/uploads/2014/05/image.png”) no-repeat scroll 0 0 rgba(0, 0, 0, 0);background-position:right;
}

You just need to replace /wp-content/uploads/2014/05/image.png for your path and your image.

[studimag]

Thanks U. It’s works fine. There is a little problem for responsive adaptation of layout. How can i update the new css code in order that this new image put under the logo when the window will be reduce for Tablet or Smartphone.

Thks U.

[Kyle – SUPPORT]

Hi

Unfortunately it’s best to just hide the image on iPhone, it is not possible for it to go below the logo as it is a background image, therefore it will just go behind

– Kyle