Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 15, 2018 at 10:46 pm #997705
    bemodesign

    The mobile view doesn’t fit the caption and buttons. And the slide arrows are over the wording. What are my options I can edit or code I can add to fix this?

    August 16, 2018 at 7:40 am #997818
    Rikard

    Hey bemodesign,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 990px) {
.slideshow_caption {
    width: 100% !important;
    margin-left: 50px !important;
}
}

    Best regards,
    Rikard

    August 16, 2018 at 6:02 pm #998044
    bemodesign

    That seems to only move it over. Here is the screen shot from my phone: https://affordablegpstracking.com/wp-content/uploads/2018/08/IMG_002A0D5D2BF0-1.jpeg

    August 17, 2018 at 12:50 pm #998393
    Victoria

    Hi bemodesign,

    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 {
    min-height: 220px;
  }
  #full_slider_1 .avia-slideshow li img {
    width: 140%;
  }
  .slideshow_inner_caption {
      height: 36%;
      top: 10%;
      width: 60vw;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

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