Hi,
I want to have a responsive header and background image. I noticed that this question has already been asked and answered, but it does not aply to my wishes.
What I would like to see (and maybe it is already possible, but I do not know how), is a responsive header in which not only the background image is responsive, but the whole header. So let's say the header has a width and height of 100% and 500px (and the screensize is 1920px wide), and the background image is the same size, the header should resize on smaller screens in width and height. Not only in width.
If I use the solution offered in another thread (background-image: 100%, auto), then only the background image resizes, which creates two white spaces on the top and the bottom, which looks really horrible (especially on mobile devices).
Also, if I would disable the header on a smartphone as a solution to the previous problem, then the headline and slogan disappears. I tried to make the headline relative, so it appears outside of the header, but then in responsive design it shows up behind the menu, and not above it.
Regards,
Romeo
Hi, I want to have a responsive header and background image. I noticed that this question has already been asked and answered, but it does not aply to my wishes. What I would like to see (and maybe it is already possible, but I do not know how), is a responsive header in which not only the background image is responsive, but the whole header. So let's say the header has a width and height of 100% and 500px (and the screensize is 1920px wide), and the background image is the same size, the header should resize on smaller screens in width and height. Not only in width. If I use the solution offered in another thread (background-image: 100%, auto), then only the background image resizes, which creates two white spaces on the top and the bottom, which looks really horrible (especially on mobile devices). Also, if I would disable the header on a smartphone as a solution to the previous problem, then the headline and slogan disappears. I tried to make the headline relative, so it appears outside of the header, but then in responsive design it shows up behind the menu, and not above it. Regards, Romeo
