Owlcarousel2: browser vertical and horizontal scrollbar (mobile)

Created on 21 Feb 2016  路  3Comments  路  Source: OwlCarousel2/OwlCarousel2

hi

I have a problem In the margin In Browsers Mobile

The same problem here https://github.com/smashingboxes/OwlCarousel2/issues/461
The problem was resolved after the update version 2.0.0-beta.3
But in mobile browsers is still the problem
http://i84.servimg.com/u/f84/12/29/99/55/qdgd10.png

picture SoufianeAbid

Most helpful comment

In case of someone still having this issue, here is a solution I've found:

  • first, on CSS:
#home-banner .item img {
     width: 100vw;
}
  • and, on JS (set autoWidth true): 
    $('#home-banner .owl-carousel').owlCarousel({
        autoWidth : true,
    });
picture anderson-isaac on 9 Apr 2016
👍4

All 3 comments

In case of someone still having this issue, here is a solution I've found:

  • first, on CSS:
#home-banner .item img {
     width: 100vw;
}
  • and, on JS (set autoWidth true): 
    $('#home-banner .owl-carousel').owlCarousel({
        autoWidth : true,
    });
anderson-isaac picture anderson-isaac on 9 Apr 2016
👍4

@andersonIsaac +1, thanks man worked for me

paradoxicals picture paradoxicals on 30 Jun 2016

@andersonIsaac +1, thanks mate

zhacarias picture zhacarias on 5 Jun 2017
Was this page helpful?
0 / 5 - 0 ratings

Related issues

Uranbold picture Uranbold  路  3Comments
leighfarrell picture leighfarrell  路  3Comments
hemanthsp picture hemanthsp  路  3Comments
jhig85 picture jhig85  路  3Comments
mkraha picture mkraha  路  4Comments