Home › Forums › WoodMart support forum › Featured Categories Carousel Flashes / Loads Incorrectly on Mobile (Phone Only)

Featured Categories Carousel Flashes / Loads Incorrectly on Mobile (Phone Only)

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 8, 2026 at 11:38 pm #720979

    alifhossain5577
    Participant

    Hi,

    I’m experiencing a visual glitch with the Elementor Carousel widget on mobile. On page load or refresh, the carousel briefly shows one slide at full width before snapping into the correct 3-per-view layout. This only happens on mobile, desktop looks fine.

    I recorded a video of the issue here:
    https://drive.google.com/file/d/1Ozr8ZaOPgmnDdAywDtTlxSp4-7mIwD21/view?usp=sharing

    Setup:
    – Theme: WoodMart (latest)
    – Elementor Pro
    – Widget: Nested Carousel (n-carousel)
    – Slides to show on mobile: 3
    – Autoplay: enabled

    The carousel settings are:
    – slides_to_show: 4 (desktop)
    – slides_to_show_tablet: 2
    – slides_to_show_mobile: 3
    – autoplay_speed: 1500
    – infinite: yes

    Please advise on how to fix this. Thank you.

    June 9, 2026 at 12:54 pm #721041

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    Please deactivate all the 3rd party plugins and activate only theme-required plugins on the site, and then check the issue. I am sure your issue will be solved. Then, activate the 3rd party plugins one by one and check which plugin is creating the issue for you.

    Otherwise, if the issue still exists, then keep the 3rd party plugins deactivated and share the WP admin login details of your site so I can check and give you a possible solution.

    Best Regards

    June 18, 2026 at 10:31 am #721936

    alifhossain5577
    Participant

    Hello,

    Thank you for your response.

    I have temporarily added the following custom CSS as a workaround to prevent the visual issue on mobile until the root cause is identified:


    @media     (max-width: 767px) {
    .elementor-element-587fffa .swiper-wrapper {
    visibility: hidden;
    }

    .elementor-element-587fffa .swiper-initialized .swiper-wrapper {
    visibility: visible;
    }
    }

    This hides the carousel until Swiper is fully initialized, which prevents the brief display of a single full-width slide on page load.

    Since the issue is still present without this workaround, I have provided temporary WP Admin access below for further investigation.

    Thank you for your assistance.

    Best Regards,
    Alif Hossain

    June 18, 2026 at 1:07 pm #721959

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    Please update the new version of the theme “WOODMART WordPress NEW: 8.5.2 RELEASED”, update the required plugin, and check the issue.
    https://xtemos.com/docs-topic/update-the-theme/

    If the issue remains, turn off all of the plugins not related to the theme,clear all types of cache, and check if the problem persists.

    If the issue still remains, let me know, and I will further check and give you a possible solution.

    Best Regards

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)