Support » Plugin: Cr3ativ Carousel » Change the number of columns for mobile users?

  • Resolved RenegadeMonster

    (@renegademonster)


    I currently have the carousel in my header, and it’s set up for 3 columns for desktop users.

    However, 3 columns does not work for mobile users and I would like to change it to 1 column so the slides / columns don’t stake on top of each other and get cut off the side of the screen.

    As far as I can tell, if I set the shortcake parameter to 3 columns, it’s always 3 columns.

    Is there away around this?

    https://wordpress.org/plugins/cr3ativ-carousel/

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

    (@akyusa01)

    You would have to basically hack the plugin to fix this.

    It does go to 1 column but only when the screen size is 479 or smaller.

    To change this, you would need to edit the owl.script.js file in the /js directory.

    Look for the .3-column section and change the itemsDesktop, itemsDesktopSmall, itemsTablet, itemsTableSmall, itemsMobile:

    jQuery(".3-column").owlCarousel({
    
        // Most important owl features
        items : 3,
        itemsCustom : false,
        itemsDesktop : [1199,3],
        itemsDesktopSmall : [980,3],
        itemsTablet: [768,3],
        itemsTabletSmall: false,
        itemsMobile : [479,1],
        singleItem : false,
        itemsScaleUp : false,
    Plugin Author akyusa01

    (@akyusa01)

    Closing due to inactivity.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Change the number of columns for mobile users?’ is closed to new replies.