Product Gallery Slider layout misalignment and content shifting

This topic has 8 replies, 3 voices, and was last updated 3 weeks ago ago by Jack Richardson

  • Avatar: John
    John
    Participant
    July 4, 2026 at 14:37

    Hi,

    I am facing a persistent issue with the Product Gallery slider on the single product page (using the Elementor Product Gallery widget).

    When I have 1 main product image and 5 gallery images, the slider container shifts aggressively to the left. If I choose 4 images the main photo disappearing on the left.

    I attached you screenshot.

    Files is visible for topic creator and
    support staff only.
    7 Answers
    Avatar: Ayan Rahman
    Ayan Rahman
    Support staff
    July 5, 2026 at 23:54

    Hello,

    Thank you for reaching out to us.

    Please provide a link to the product from your screenshot.

    Best regards,
    8Theme’s Team

    Avatar: John
    John
    Participant
    July 6, 2026 at 07:23
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    July 6, 2026 at 09:33

    Hello @John,

    Please open “Theme Options → Theme Custom CSS” and locate the custom CSS that forces the thumbnail sliders to align at the center (see: https://gyazo.com/f3064863e5a378b38a393a4e95fe6fc0). Kindly remove this custom code.

    If you still require our assistance, please provide the correct temporary WP‑Admin access in the private content section.

    Best regards,
    Jack Richardson
    The 8Theme’s Team

    Avatar: John
    John
    Participant
    July 6, 2026 at 09:57

    It fixed it, thank you!

    Now the problem is when you select the last photo of the gallery and you have more than 4 photos in the gallery, the slider doesn’t work. You see only the first 4 pictures and no the selected one. Check the screenshot please.

    Please contact administrator
    for this information.
    Files is visible for topic creator and
    support staff only.
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    July 6, 2026 at 12:51

    Hello @John,

    Could you please provide us with a video demonstrating the issue? We have tested it across your products and did not encounter the same problem on the frontend: https://gyazo.com/ca86767a9ca764acb425b9c0c785a9aa.

    Additionally, please clear your browser cache as well as the cache in any cache plugins before testing again.

    Best regards,
    Jack Richardson
    The 8Theme’s Team

    Avatar: John
    John
    Participant
    July 6, 2026 at 13:08

    Try to navigate from the main photo.

    Check video here:
    https://www.swisstransfer.com/d/60756a0e-54c0-41e7-bb67-f4d32ecd0bb3

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    July 6, 2026 at 13:17

    Hello @John,

    This is not an issue. The single product sliders are not set to auto-scroll because such functionality would require a heavy script and causes issues on carousel navigation sometimes. You can scroll through the main gallery manually, and the thumbnail carousel will highlight the active thumbnail. However, it will not automatically move to the next section if your image is outside the visible slide area.

    Best regards,
    Jack Richardson
    The 8Theme’s Team

  • Viewing 8 results - 1 through 8 (of 8 total)

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

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