Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • June 18, 2020 at 2:14 pm #1223705
    jsolas5

    I have a problem with the slider of my website in mobile, I use the full width slider and it does not adapt well
    Can you give me some solution?
    https://www.dropbox.com/t/A822yKQFBaoWbMrY

    • This topic was modified 5 years, 9 months ago by jsolas5.
    June 18, 2020 at 3:39 pm #1223752
    Victoria

    Hey jsolas5,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
/* full_slider_1  */
@media only screen and (max-width:767px){
  #full_slider_1, 
  #full_slider_1 .av_slideshow_full.avia-slideshow,
  #full_slider_1  .avia-slideshow-inner,
  #full_slider_1 .avia-slideshow li,
  #full_slider_1 .avia-slideshow li img {
    min-height: 240px;


  }
  #full_slider_1 .avia-slideshow li img {
    width: 140% !important;
    max-width: auto;
  }
   .html_header_transparency #top .avia-builder-el-0 .slideshow_caption {
      padding-top: 0px;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

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