Responsive picture and header problem

[Nic727]

Hi, I don't know if someone know about something about Wordpress, but I'm unable to put my picture correctly in my theme.On my Wordpress theme, I can put an header picture for each page, but it's not really responsive. Some illustrations :http://image.noelshack.com/fichiers/2015/20/1431640878-prob1.pnghttp://image.noelshack.com/fichiers/2015/20/1431640878-prob2.pnghttp://image.noelshack.com/fichiers/2015/20/1431640877-prob3.pnghttp://image.noelshack.com/fichiers/2015/20/1431640878-prob4.png

 

So my problem is that I can change CSS with media query for the picture, but if I decide to change picture one time, I will need to restart everything, so It's not really fun. Do you know a way to make a kind of "box" to crop the picture or resize it manually depending of the width/height of the page?

 

Also, on mobile I'm trying to put my picture a bit more on the left, but with only CSS - left: -100px the picture is cut. Should I try width : 200% ?

 

Thx

[Ingolme]

You probably should be putting the picture as a background image of the header instead of using an <img> element.

 

The background-position and background-size properties gives you many options as to how to show the image.