Return to previous page

Product grid 100 percent width on mobile

This topic has 3 replies, 3 voices, and was last updated 11 months, 1 weeks ago ago by Andrew Mitchell

APOODesign

Participant

January 16, 2024 at 13:21

Hi there,

I am trying in the shop page to set the products to 100% wide for mobile, but I am not succeeding.

What I have tried in the Extra CSS is:
@media only screen and (max-width: 480px)
.products-grid .product, .products-list .product

or these

@media only screen and (max-width: 480px)
.products-grid .product {
width: 100% !important;
}

But both don’t work.

This is a stage page, to be converted when ready to original domain.

I hope you guys can help me

Kind Regards,

Translated with DeepL.com (free version)

#380082 Copied Theme version: 9.2.5 WooCommerce version: 6.4.2

2 Answers
Tony Rodriguez

Support staff

January 16, 2024 at 13:29
Hello, @APOODesign,

Thank you so much for purchasing our theme and contacting our support center.

To address the concern you have raised, we kindly request that you implement the following CSS code. Please navigate to the ‘XStore’ section, then proceed to ‘Theme Options’, followed by ‘Theme Custom CSS’, and finally, ‘Mobile CSS’. Here, you should insert the code provided below:
```
.products-grid .product {
    width: 100% !important;
}
```
We are optimistic that this adjustment will effectively resolve the issue at hand. Should you require any further assistance, please do not hesitate to reach out to us.

Warm regards,
The 8Theme Team
#380085 Copied
Andrew Mitchell

Support staff

January 16, 2024 at 15:22

Dear APOODesign,

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

#380105 Copied
Tagged: 100% width mobile view, best selling themes, mobile friendly themes, product grid themes, responsive woocommerce designs, woocommerce themes
Viewing 3 results - 1 through 3 (of 3 total)