Owl Slider/Carousel 2 doesn’t loop with vw less than 1024px

  • Resolved Fabre

    (@aeonflex)


    3 years, 11 months ago

    Hi,

    Could really use some help with a specific problem.

    I’ve customized the Owl Slider/Carousel 2 to show:
    1) a horizontal slider when viewing in landscape and
    2) a vertical slider when viewing in portrait.

    Almost everything works as it should, but when viewing the slider in landscape on a mobile or tablet (view-width less then 1024px) the slider doesn’t loop.

    Any help would be very appreciated.

    Thanks in advance

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Contributor Ketan Patel

    (@patelketan)

    Hello,

    Thanks for reaching here.

    Please go to your Admin Panel->Appearance->Customize->Additional CSS.
    Please put the below CSS on your “additional CSS” section.

    @media all and (orientation:portrait) {
.owl-carousel .owl-stage-outer { flex-direction:column !important; }
}

    Please check and let me know if you anything else.

    Thanks,

    Thread Starter Fabre

    (@aeonflex)

    Hi Ketan,

    Thanks for replying.

    Too bad this did not resolve the issue.
    Also; i’m still a bit new here but my problem shows up when you’re viewing in “landscape”.
    Shouldn’t it be ‘orientation: landscape’??

    Plugin Contributor Ketan Patel

    (@patelketan)

    Hello,

    I check our plugin on the local server and I am check and inform you very soon.

    Thanks,

    Thread Starter Fabre

    (@aeonflex)

    Hi,

    Please do.
    Also after a little bit more research i found out the settings “Slides To Show”/”in iPad”/”in Tablet”/”in Mobile” are causing some effect.
    If i put in:

    – All: empty)
    The slider does not loop when viewing on iPhone (10) in landscape mode. Left side disappears.

    – Slides To Show in iPad: 1 (the rest empty)
    The slider disappears when viewing on iPad Mini 3 in portrait mode (1536x2560px)

    – Slides To Show in Tablet: 1 (the rest empty)
    The slider does not loop when viewing on iPhone (10) in landscape mode. Left side disappears.

    – Slides To Show in Mobile: 1 (the rest empty)
    The slider disappears when viewing on mobile in portrait mode (IF width IS less than 640px)

    I hope this helps in any way.

    Thanks in advance

    • This reply was modified 3 years, 11 months ago by Fabre.
    Thread Starter Fabre

    (@aeonflex)

    Hi Ketan,

    Did you manage to find something?

    For the time being i’ve “solved” it by generating the slider top – bottom on phone in landscap:
    @media all and (orientation: landscape) and (max-width: 812px) {

    If you do manage to find out what is causing the problem i’m all ears but for now this is fine.

    Another problem has shown itself.
    When viewing the slider on phone or ipad in portrait mode the slider disappears when you (accidentally) swipe left or right.
    You need to refreh the page to get the slider back.

    I really could use some help here.

    Thanks in advance

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Owl Slider/Carousel 2 doesn’t loop with vw less than 1024px’ is closed to new replies.