Support » Plugin: Jetpack by » Display Carousel Images Full-Width on Mobile/iPhones?

  • Resolved WPMonkeyATL


    Is there a way (e.g. maybe via CSS?) to force the Carousel to display images using the full-width of the screen on mobile/iPhones?

    Currently, the carousel uses part of the mobile screen width to show a portion of the adjacent left/right images plus the left/right navigation arrows, leaving the main image displayed in the center to be smaller than the full width of the screen. Would be nice to allocate the entire available screen width to the main image to maximize visibility on mobile devices.

    For an example of how carousel currently displays images at less than full screen width on mobile (with portions of adjacent images), see this link on your phone:

    Might there be an easy adjustment to achieve this?

    Thanks in advance.

Viewing 1 replies (of 1 total)
  • Plugin Author Jeremy Herve


    Jetpack Mechanic

    If you want to change the look of the carousel, you can dequeue Jetpack’s Carousel scripts and styles, and load your own custom styles instead.

    You can use the following functions to dequeue the Carousel scripts:

    function changejp_dequeue_styles() {
        wp_dequeue_style( 'jetpack-carousel' );
        wp_dequeue_script( 'jetpack-carousel' );
    add_action( 'post_gallery', 'changejp_dequeue_styles', 1001 );
Viewing 1 replies (of 1 total)
  • The topic ‘Display Carousel Images Full-Width on Mobile/iPhones?’ is closed to new replies.