Is there a way to make a custom background header – actually I am using the scanlines to do that – to make it responsive. I use a transparent logo for the height and then my whole header is the logo – that way I can have it all the way across. Only little problem is that it is not responsive so I see only the left part of the logo/scanlines on mobile
Just to confirm… you want the background to be responsive?
If so, this is actually a very difficult thing to do, and even I haven’t attempted that feat. But my best suggestion is to Google for responsive background images.
Here we go – found that online and it works(scanlines because I called my background/logo scanlines.png) :
/*font: 0/0 serif;
background-position: 50% 50%;
Notice I commented the height and also the text – if you have text: uncomment. The height: I uploaded a transparent logo – space holder with the height I needed. I don’t use text but if you do you may need that. The fun part – suddenly my footer disappeared..duh..could not understand why – and then I thought about that text in the css – commented and my footer is back.
I like full width headers because it’s more lively – we can put more stuffs and images and all but the thing is if I put only the logo as image through the customize, then with the padding it does not go all the way on both sides when we choose the 980 or 1170 fixed width. That way, with a background using the scanlines.png my logo can go all the way from one wall to the other. Seems cleaner – oh well…that’s me..ha..