Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • September 12, 2018 at 1:22 pm #1008894
    bauchope

    Hello, Can you help me with the captions on my slider which disappear on tablet portrait and mobile?

    It looks great on desktop so I don’t really want to muck about with the layout as such – just wondered how you show it all on portrait version. Is it possible to make the slider deeper so that it shows all of the content.

    logins below so that you can take a look
    Many thanks in advance
    Kim

    September 12, 2018 at 2:52 pm #1008954
    Victoria

    Hey bauchope,

    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:990px){
  #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;
    height: 240px !important;

  }
  #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;
  }
   #full_slider_1 .avia-caption-title {
    font-size: 32px !important;
  }
  #full_slider_1 .avia-caption-content p {
    font-size: 22px;
  }
}

    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.