[Arthur]

That is indeed exactly what I was looking for.

Thanks a million for your help guys.

Much appreciated.

[Arthur]

Thank you.

[Arthur]

Hi,

Tried the code but the sizing is off. Also made tweaks to the image size to accommodate the frame but to no avail, as the bottom frame keeps slicing off a chunk off the image.

Best I could achieve is as it is now.

I just need the bottom frame to extend to accommodate the whole photo.

Thank you

[Arthur]

I’ve had a look around and can now provide a more accurate picture of what I’m looking for. The style I want better resembles a background image rather than a header image. The CSS code .site-header { background-image: url(“image.gif”); } has done that for me but without the adjustment of size accordance with the screen.

I would like the background image to readjust itself according to the size of the screen (tablet, iPhone), if that is possible, and then remove anything that is in the header so only the photograph is left.

Also, if it is possible to change the menu bar in the iPhone/tablet variations to transparent to allow for only text to be displayed on the backdrop of the photograph without the white bar that would be great also.

I hope this better illustrates my request.

Thanks in advance

[Arthur]

Hi. Thanks a million or the response. I done as instructed and have just one issue. I would like the header photograph tiled across the whole top section right to the borders of the page rather than a small icon — as it currently stands. Is there any way of doing this?