Product Carousel Doesn’t Display Properly

  • Resolved julanjubalam

    (@julanjubalam)


    3 years, 9 months ago

    Hi,

    I changed the product carousel display with some css code for mobile display.
    Generally, on the mobile display it will show 2 products per line (before : https://snipboard.io/zYW1nS.jpg).

    And I want to be 1 product + next partial product per line, like here I’m displaying it for mobile display.(after add some css : https://snipboard.io/ecKVzg.jpg)

    Normally, when a product is swiped, it will display the next product.
    However, I’m having a problem, when the next product doesn’t display properly ( eg: when the carousel starts on product 1, it shifts to product 3 and so on.)

    Please see the link below for the screen recording for more details.
    (https://we.tl/t-qTjjdXwyRX) or you can see live here (Use Mobile Layout view to check this on desktop – https://bit.ly/3O7l2cL)

    This is the css code I added

    @media only screen and (max-width: 400px) {
.woocommerce ul.products {
    margin-left: -10px;
    margin-right: -80%;
}
@media only screen and (max-width: 400px) {
.woocommerce ul.products:not(.slick-slider) {
    display: list-item;
    flex-wrap: wrap;
    overflow: scroll;
}

    Thank you in advance.
    Really appreciate anyone’s help.

    • This topic was modified 3 years, 9 months ago by julanjubalam.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Mirko P.

    (@rainfallnixfig)

    3 years, 9 months ago

    Hi @julanjubalam,

    Thanks for the description of the problem on your site when viewing it in mobile view.

    Looking at the page I can see the slick-slider is controlled by the theme you are using. Thus, you’d be best placed to reach out to the theme author for assistance with making the slick-slider properly work on mobile devices.

    You seem to be using the Martfury theme and you can find support here:

    https://drfuri.ticksy.com/submit/

    This particular forum is more focused on questions that are directly related to the features and functionality of the free WooCommerce core plugin.

    Thanks.

    Thread Starter julanjubalam

    (@julanjubalam)

    3 years, 9 months ago

    Hi @rainfallnixfig
    thanks for reply.
    I thought before, it’s from the css that I made so that the display is broken.
    Fine I’ll call them.

    Thank you

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

The topic ‘Product Carousel Doesn’t Display Properly’ is closed to new replies.