June 9, 2017 at 3:08 pm #806092
Can you help me please?
See the development site mentioned below.
My client wants a large full width image on the bottom of each page, for the whole site. She wants to change this every season, so it should be easy maintenance. I have inserted the background image (1280×640 px) in theme options footer and through CSS (in child theme) I set a fixed height (640 px) for the footer. In this way, my client only has to change the bg image of the footer in theme options when she wants.
This all looks good on large pc screen and more or less ok on a tablet, however it doesn’t look good at all on small mobile screens (in portrait view). It only shows a small part of the center of the image…
Is there a way (CSS?) to get this image responsive, so that it shows full screen width (and 100% height) on all devices?
Thanks for your help!
MoniqueJune 11, 2017 at 6:58 am #806474
Maybe you could try to use a media query to set a different image as a background on mobile devices? https://www.w3schools.com/cssref/css3_pr_mediaquery.asp
RikardJune 12, 2017 at 4:47 pm #806952
Thanks for your reply.
Yes I could do that, however that is not really easy maintenance for my client. Or I would need scripts to set in which periode which image will be shown. Still whenever she wants to change an image in the system (and I am sure next year she wants to…) she can’t do it by herself.
If you have an alternative suggestion I am interested to hear, otherwise I will suggest to not display the footer on mobile.
MoniqueJune 12, 2017 at 7:30 pm #807033June 19, 2017 at 11:57 am #809726
I don’t think that hiring a freelance would solve the issue of making this easy maintenance for my client, nor do I believe that this issue is so important for them that they want to spend money on this. We have decided to not display the footer on mobile.
Can you flag this topic as closed please?
MoniqueJune 19, 2017 at 12:58 pm #809739
I’ll close this thread for you. Please do let us know here in the forums if you have other questions, and we’ll try our best to help you!
For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
Thank you for using Enfold!
The topic ‘How to get background image in footer responsive?’ is closed to new replies.