I am facing an issue with the carousel widgets on mobile devices.
Environment:
• Theme: WoodMart
• Widgets: Products / Categories Carousel
• Device: Mobile
• Option enabled: Disable Swiper slider script on mobile device
Issue description:
When Swiper is disabled on mobile and:
• Slides per view is fractional (e.g. 1.3)
• Center Mode is OFF
a white empty space appears on the right side of the screen.
The page can be dragged horizontally, which indicates that the carousel width exceeds the viewport.
Important observation:
• If I enable Center Mode, the white space disappears completely.
• Changing Space Between to 0 does NOT solve the issue.
• Applying overflow: hidden, width fixes, or CSS overrides does NOT solve the issue.
• The problem only occurs when Swiper is disabled + Center Mode OFF.
This suggests that when Swiper is disabled, the carousel layout calculation (especially with fractional slides) is not properly constrained to the viewport unless Center Mode is enabled.
Expected behavior:
The carousel should not overflow horizontally on mobile when Swiper is disabled, regardless of whether Center Mode is ON or OFF.
Please advise if this is a known issue or if there is a recommended fix or internal setting to handle this case correctly.
.
