Issue with Product Grid Display on Mobile

This topic has 2 replies, 2 voices, and was last updated 3 hours, 38 minutes ago ago by Tony Rodriguez

  • Avatar: nachodiaz
    nachodiaz
    Participant
    February 21, 2025 at 21:51

    Hello Team,

    I’m experiencing an issue with the product grid display on mobile devices. The last column on the right is getting cut off, and users are unable to scroll horizontally to view the missing content.
    We tried adjusting the layout to display only three products per row, but the issue persists. It seems that the container is oversized or misaligned, causing the products to extend beyond the screen width.

    Could you please provide guidance on how to properly adjust the container width or resolve this issue?

    You can see an image with the problem seen on a cell phone screen and I also attached a user in case you need to enter WordPress

    Thanks in advance!

    Content is visible for topic creator and
    support staff only.
    Files is visible for topic creator and
    support staff only.
    1 Answer
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    February 22, 2025 at 07:57

    Hello, @nachodiaz,

    Thank you for bringing this to our attention. We understand your concern regarding the inability to scroll through products on mobile devices when using the “5-column grid” or “6-column grid” layout.

    This behavior occurs because mobile screens typically have limited width, which makes it challenging to display 5 or 6 columns properly. When these layouts are applied, the available space is too constrained to accommodate all columns effectively, which may result in restricted scrolling or an incomplete display of products.

    To resolve this issue and provide a seamless user experience, we recommend the following:

    Opt for Fewer Columns on Mobile: Use a layout with fewer columns (e.g., 2 or 3 columns) specifically for mobile devices. This ensures that the products are displayed clearly and scrolling works as intended.

    If you’d like assistance in making these changes or configuring your site for optimal display on mobile, feel free to reach out to us. We’re happy to help you fine-tune your website for the best user experience.

    Thank you for choosing XStore.

    Best regards,
    8Theme’s Team

  • Viewing 2 results - 1 through 2 (of 2 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.