User is unable to scroll through the products after applying “Products layout (5 grid, 6 grid)

Hello, @Abhijeet Kumar,

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

Hello, @Abhijeet Kumar,

Thank you for your response.

1/ We kindly request that you add the following custom CSS code by navigating to **XStore > Theme Options > Theme Custom CSS > Global CSS**:

@media only screen and (max-width: 767px){
.elementor-element.elementor-element-1e6661f.elementor-widget__width-auto.elementor-widget.elementor-widget-woocommerce-archive-etheme_grid_list {
    display: none !important;
}
}

Afterward, Please clear your mobile browser cache and check again.

2/ To make the necessary adjustments, please follow the steps below:

1. Navigate to **XStore Builders** > **Product Archive Builder**.
2. Select **Edit Archive Template with Elementor**.
3. Proceed to **Edit Archive Products**.
4. Set the column layout for mobile devices to **2 columns**.
5. Save and update the changes.

For your reference, we have provided an image in the private content area to assist you further.

We hope this guidance proves helpful. Should you have any additional questions or require further assistance, please do not hesitate to reach out.

Best regards,
The 8Theme Team

Dear Abhijeet Kumar,

We hope you’re reveling in the experience our theme brings! Your enthusiasm is what fuels our passion. Would you be so kind as to channel that energy into a 5-star rating on ThemeForest? Your feedback is the spark that lights our way!

Click here to spread the love: https://themeforest.net/downloads

Thank you for being an integral part of our journey!

Best Regards,
The 8Theme Team