Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #997705

    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?


    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,


    That seems to only move it over. Here is the screen shot from my phone:


    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 .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,

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