Hi,
We are using the j51_magnolia template on a web site and have uploaded an image as the header image via the template settings to appear as a banner on the home page.
However, the image doesn't scale down as expected when viewing on smaller screens - cutting off significant parts of the image.
The Header Min-Height template option can be used to define the height of this header - but it sets it in stone to for example 700px- which looks great on larger screens, but not so good for our image on smaller screens.
How can we define this header area:
- to have different heights for different screen sizes
- and maybe have different images for different screen sizes?