Tagged: , , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 8, 2019 at 4:33 pm #1088379
    Arrastia

    On a development site, I have an image in Color Section > Section Background > Custom Background Image.

    The image is intended to look as if it were a slider image, but it is not a slider.

    On DESKTOP, it fills the screen as intended. See https://www.screencast.com/t/mKZETls1

    On MOBILE (iPhone 6s for example), it is not responsive and shows only the centermost part of the image. See https://www.screencast.com/t/6EGirKoRoW

    Any suggestions?

    Thank you!

    April 10, 2019 at 2:46 pm #1089140
    Victoria

    Hey Arrastia,

    Please try the following css:

    
@media only screen and (min-width: 480px)  and (max-width: 767px) {
  #av_section_1 {
    background-size: contain !important;
  }
    #av_section_1  .hr.hr-invisible.avia-builder-el-2 {
      height: auto !important;
      min-height: 350px;
  }
}
@media only screen and (max-width: 479px) {
  #av_section_1 {
    background-size: contain !important;
  }
  #av_section_1  .hr.hr-invisible.avia-builder-el-2 {
    height: auto !important;
  }
}

    Best regards,
    Victoria

    April 10, 2019 at 2:57 pm #1089143
    Arrastia

    That did it! Thank you.

    April 11, 2019 at 4:31 am #1089349
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Color Section Background Image Not Responsive’ is closed to new replies.