Site logo

Archived topic

How to: background-image for header area?

5 replies · Started by Pete on November 29, 2014

Viewing posts 1–6 of 6

How to: background-image for header area?

What css do i use to include a bckground-image to the header so that the text is still insitu?

The backgrounds add-on allows you to add a background image to the header area pretty easily.

Is that option not working for you?

The problem lies with having a responsive image with non responsive text sizes in the header. I can see the only way is to remove the text and put it on the image as another image.

Background images have a hard time with responsive layouts - if the images and text have to be uniform on all screen sizes, it's usually a good idea to keep the two together as one image.

Pretty cool - but that only deals with the text, not the images.

This archived topic is closed to new replies.