Home Forums Porto Template Carousel: multiple items in responsive mode

This topic contains 1 reply, has 2 voices, and was last updated by  Support 2 days, 5 hours ago. This post has been viewed 38 times

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

    marcoss2009
    Participant

    I modified my carousel to put more items.

    I want to know how to show more one item in responsive mode because now carousel shows one item (in section “Últimos ingresos” on the website)


    • This topic was modified 3 days, 17 hours ago by  marcoss2009.
    #10022411

    Support
    Keymaster

    Hello,

    You can set the responsive values in the HTML, please check this:

    Change From:

    <div id ="newProducts" class="owl-carousel owl-theme" data-plugin-options="{'items': 5, 'autoplay': true}">

    TO:

    <div id ="newProducts" class="owl-carousel owl-theme" data-plugin-options="{'responsive': {'0': {'items': 1}, '479': {'items': 1}, '768': {'items': 2}, '979': {'items': 5}, '1199': {'items': 6}}, 'autoplay': true}">

    Note that there’s settings for each breakpoint.

    Make sure the content also fits the container, I see that you have fixed values in the HTML.

    Kind Regards,

    Jonas


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