Change the number of columns for mobile users?

  • Resolved RenegadeMonster

    (@renegademonster)


    9 years, 3 months ago

    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://www.ads-software.com/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.