Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 14, 2018 at 12:14 pm #1009875
    topmedialab

    Hello
    I used the ‘full width Easy Slider’ element in my home page, so it sets:
    – Image size Slideshow: 1500×630
    – Minimum height of the Slider in pixels: 350px
    – Extend the image to fit the slideshow format? Yes

    On a mobile devices, the image is cut and I lose items.
    I tried to add customization on CSS but I can not get the result: the image must be adapted to the container. In private link to image before and after my modification.

    I also send credentials to WP access.
    Thank you!

    September 15, 2018 at 7:08 pm #1010217
    Nikko

    Hey topmedialab,

    Can you try adding this css code in Quick CSS (located in Enfold > General Styling):

    @media only screen and (max-width:479px) {
  .responsive #top #wrap_all .container.caption_container {
    width: 92%;
    max-width: 92%;
  }

  .responsive #top #wrap_all .container.caption_container .slideshow_caption {
    max-width: 300px;
  }
}

    Hope it helps.

    Best regards,
    Nikko

    September 17, 2018 at 3:25 pm #1010808
    topmedialab

    Hi Nikko!
    I have adding the css code in Quick CSS but so the phrases are adapted, I would like to fit my background photo in the screen of the mobile.
    As you can see in the images attached above, I added the code that is in private and the background photo has been moved, can you adapt the photo to see the whole image in slider?

    Thank you!

    September 19, 2018 at 3:35 pm #1011857
    Nikko

    Hi topmedialab,

    I have added this css code inside the media query:

    .home #full_slider_1 .avia-slideshow-inner,
.home #full_slider_1 .avia-slideshow-inner * {
    height: 180px !important;
    max-height: 180px !important;
    min-height: 180px !important;
    width: 100vh !important;
    max-width: 100vh !important;
    min-width: 100vh !important;
}

    It’s pretty hard to get all parts of the image but that should help.
    Another workaround is to use another slider for mobile only with modified image.
    Hope this helps.

    Best regards,
    Nikko

    September 19, 2018 at 4:46 pm #1011917
    topmedialab

    Great support Nikko!
    The addition of the code worked well, I adjusted the values ​​according to my needs.

    Thank you!

    September 19, 2018 at 6:20 pm #1011959
    Victoria

    Hi topmedialab,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

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