Home Forums Porto Template Owl Carousel

This topic contains 1 reply, has 2 voices, and was last updated by  Support2 1 week, 5 days ago. This post has been viewed 41 times

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #10030892

    ulmayer
    Participant

    Hello, on the side is an owl carousel with five pictures. With an internal CSS, I have the size of the images set to at least 125px. The maximum size has been set to 170px. When resizing the page, the width is set to 300px. The width is probably created by an embedded script. Unfortunately, I can not find the file. Could you please help me?



    Template Version: 6.2
    #10030896

    Support2
    Keymaster

    Hello,

    Note that is not recommended change the width of “owl-item” div, since the OwlCarousel changes the width programmatically.
    Our suggestion is control the number of items to show on each resolution with the “responsive” option:

    <div class="mb-0 owl-carousel owl-theme stage-margin" data-plugin-options="{'responsive': {'0': {'items': 1}, '479': {'items': 2}, '768': {'items': 3}, '979': {'items': 5}, '1199': {'items': 5}}, 'margin': 10, 'loop': false, 'nav': true, 'dots': true, 'stagePadding': 40}">

    Please try that and let us know if you need further assistance.

    Kind Regards,

    Rodrigo.


Viewing 2 posts - 1 through 2 (of 2 total)