Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #734882

    Is there a way to make the background images responsive? When you view certain images that are full width background images on smaller devices, they don’t look very good on mobile or smaller devices. Thank you!

    #736218

    Hey ncfan2030,

    Thank you for using Enfold.

    How do you want the background image to display on mobile or smaller screens? One thing that you can do is to set the Background Image Position settings to “Center center”. You can also apply a different version of the image that is specifically created for smaller screens. Edit the color section, apply a Section ID to it, use “custom-section” for example then add the following css code in the Quick CSS field.

    @media only screen and (max-width: 767px) {
      /* Add your Mobile Styles here */
        #custom-section {
           background-image: url(https://alphametic.com/wp-content/uploads/2014/08/mobile_version_of_the_image.jpg) !important;
        }
    }

    Adjust the image url.

    Best regards,
    Ismael

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.