footer image - setting to show full image on all resolutions
Hi,
I want to show an image on the very bottom of my website. I want it to always show the full height and to adjust according to the screen's width.
For a FullHD resolution, I have set:
style - "stick to bottom"
inner margin: "0 0 550px" otherwise the image will overlay the footer content
position: "center-bottom | no-repeat"
size: "contain"
This leads to the image adjust it's size according to the screen's width. However, the narrower the screen is, the further down the image is shifted. As written above, I need the 550px to make it look decent on desktops. What do I need to set in order to have the image underneath the footer's text on narrower resolutions?
Thanks for your support!
Christian
Comments
Thanks
Christian