Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • December 21, 2018 at 1:54 pm #1048172
    robertolex

    I have placed an Easy Slider full width but when I reduce the size of the screen (mobile devices) I can not see correctly both the title and the buttons.
    What can I do to make the entire contents of the section look complete?
    I tried it with the screen settings but the buttons are not visible

    Thanks

    • This topic was modified 6 years ago by robertolex.
    December 21, 2018 at 8:26 pm #1048325
    Victoria

    Hey robertolex,

    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

    
@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,
  .avia-slide-wrap  {
    min-height: 220px !important;

  }
  #full_slider_1 .avia-slideshow li img {
    width: 180% !important;
    max-width: auto;
  }
   .html_header_transparency #top .avia-builder-el-0 .slideshow_caption {
      padding-top: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width:989px) {
 .html_header_transparency #top .avia-builder-el-0 .slideshow_caption p {
     margin: 0;
     font-size: 20px
 }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    December 24, 2018 at 10:57 am #1048966
    robertolex

    I added the code but it still does not look correctly.
    I’m interested in seeing the buttons, especially in the mobile, but they do not look a bit.

    Thank you

    December 29, 2018 at 2:34 pm #1049176
    Victoria

    Hi robertolex,

    Best regards,
    Victoria

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