Return to previous page

Display 1.5 products per slide on mobile in product carousel

This topic has 2 replies, 2 voices, and was last updated 1 weeks, 1 days ago ago by Alex Carter

  • Avatar: Tavi
    Tavi
    Participant
    May 30, 2025 at 17:20

    I would like to display 1.5 products per slide on mobile only — meaning 1 full-width product card and a second one partially visible, to indicate that more products are available by swiping.

    Currently, the carousel displays only whole numbers of slides (1 or 2 per view). I’ve tried using custom CSS but without result.

    I appreciate your help. Thank you!

    #446006 Copied
    1 Answer
    Avatar: Alex Carter
    Alex Carter
    Support staff
    May 31, 2025 at 07:59

    Hello,

    Thank you for reaching out to us.

    We understand that you would like to display 1.5 products per slide on mobile devices—showing one full-width product card and a second one partially visible to indicate additional content is available by swiping.

    At the moment, the carousel is configured to display whole numbers of slides per view, and we appreciate your efforts in attempting to adjust this via custom CSS.

    Please try to use this code:

    @media (max-width: 480px) {
    .elementor-widget-etheme_product_carousel .etheme-elementor-slider {
        overflow: visible;
    }
}

    https://www.8theme.com/documentation/xstore/additional-customisation/optimal-placement-for-custom-css-code/

    Best Regards,
    8Theme’s Team

    #446043 Copied
  • Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

Recent Community Activity

Helpful Topics

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Agricultural Store – WordPress WooCommerce Theme
lazy-placeholder
Designers – WordPress WooCommerce Theme
lazy-placeholder
Bags Store – WooCommerce Theme
lazy-placeholder
Classic Fashion Store (Dark) – WordPress WooCommerce Theme
lazy-placeholder
Cocktails Store – WordPress WooCommerce Theme
lazy-placeholder
Lawyer – WordPress WooCommerce Theme
lazy-placeholder
Games Dark – WordPress WooCommerce Theme
lazy-placeholder
Furniture Store – WooCommerce Theme
lazy-placeholder
WooPress – Responsive Creative HTML5 Template
lazy-placeholder
Flowers Store – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.