Images are stretched on mobile

  • Resolved AuthGirl

    (@hyky314)


    5 years ago

    I’ve been trying to make the photos show in the center.
    (they were landing on the left-hand side even with the Slideshow settings → ‘Center slideshow images’ checked)

    Now the problem has been fixed after adding style code:
    .photonic-slide-center.lightSlider li { text-align: center; }

    Looking all good on computer screen, BUT, all images are showing as stretched on MOBILE screen.

    Please advise me how to fix this problem.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Sayontan Sinha

    (@sayontan)

    This seems to be coming from your theme or builder (I am guessing you have something called “Fusion”). In its stylesheet I see this:

    .lightSlider li img {
    height: 100% !important;
}

    This is causing your problem (Photonic doesn’t have this line anywhere).

    You can fix it with some more custom CSS (Appearance → Customize → Additional CSS in your WP dashboard):

    .lightSlider li.photonic-slideshow-img img { height: auto !important; }

    Thread Starter AuthGirl

    (@hyky314)

    YEAH! It works!! ????
    THANKS YOU!!! ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Images are stretched on mobile’ is closed to new replies.