Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #806092

    Hi guys,

    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!

    Regards,
    Monique

    #806474

    Hey Monique,

    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

    Best regards,
    Rikard

    #806952

    Hi Rikard,

    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.

    Regards,
    Monique

    #807033

    Hi,

    Well, the suggestion is to hire a freelance to accomplish this to facilitate this process to your client. You can find it here: http://kriesi.at/contact/customization

    Best regards,
    John Torvik

    #809726

    Hi John,

    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?

    Best regards,
    Monique

    #809739

    Hi Monique,

    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!
    Sarah

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘How to get background image in footer responsive?’ is closed to new replies.