Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • March 25, 2020 at 11:59 am #1197640
    marcoricci76

    Hi i need your help about how to fix a problem on my website – mobile view .
    The images on the slider in mobile view are stretched.
    Could you please help me to fix it?
    this is my web site url. http://www.secondome.org if you look the home page on mobile device smartphone you can see the images on the slider stretched.

    Thank you
    Marco

    March 26, 2020 at 5:07 am #1197924
    Rikard

    Hey Marco,

    I can’t see anything like that on my end using Chrome on Android, could you post a screenshot highlighting the problem please?

    Best regards,
    Rikard

    March 26, 2020 at 1:27 pm #1198009
    marcoricci76

    Hi,
    the problem is on mobile device visualisation

    I have an Iphone X with safari browser



    let me know please if you can see the images.

    Thank you
    Marco

    March 26, 2020 at 1:29 pm #1198010
    marcoricci76

    here the images links

    View post on imgur.com

    View post on imgur.com

    View post on imgur.com

    March 27, 2020 at 6:19 pm #1198391
    marcoricci76

    Hi, do you have some news about my issue?

    Thank you.
    Marco

    March 29, 2020 at 3:21 pm #1198829
    Victoria

    Hi marcoricci76,

    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: 210px;
    }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    March 30, 2020 at 3:00 pm #1199079
    marcoricci76

    Hi Victoria,
    thank you for your help but it doesn’t work, i still continue to see on small scree (mobile) the images on the slider stretched.
    I wrote you in private my login and pwd to allow you to access on my back end.
    Please let me know if you need more details.

    Thank you
    Marco

    April 3, 2020 at 8:53 pm #1200616
    Victoria

    Hi Marco,

    Thank you. Well, if the code above does not work for you, you can hide this slider for mobile screens using the responsive options and add another one with images better optimized for mobile to show on mobiles:
    Image 2020-04-03 at 21.52.31.png

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

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