Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 20, 2020 at 4:09 pm #1247137
    MartinA78

    Hi. I would like to know if it is possible to make easy slider bigger on mobile screens. The problem is that if I have two buttons, the second one is hidden. Take a look at http://britterm.infocus.sk/
    Is it possible to make the easy slider with more space in height on mobile devices to show all buttons?
    Thank you for help.

    September 20, 2020 at 4:18 pm #1247143
    Victoria

    Hey MartinA78,

    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: 260px;


  }
  #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

    September 20, 2020 at 4:26 pm #1247146
    MartinA78

    Thank you for very fast response. Worked fine! :-)
    The only thing is that the background picture gets stretched unproportionally in height to. Have you any solution for this?
    It does not matter if the picture gets cropped in left and right, just want to keep it proportional.

    September 22, 2020 at 1:26 pm #1247615
    Ismael

    Hi,

    Yes, that could happen because with the css code we are adjusting the width of the image relative to the screen size. To fix it or to make the image more proportional, we have to adjust the min-height and width property in the previous css code.

    The width property is set to 140% and min-height is set to 260px. Adjust the value as necessary.

    Best regards,
    Ismael

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