Return to previous page

Product Filters Element display problem on mobile.

This topic has 5 replies, 2 voices, and was last updated 1 years ago ago by welead

welead

Participant

April 28, 2023 at 03:38

Hello,
When selecting many conditions in the Product Filters Element item, it will exceed the range of the mobile device screen.

Thanks.

Please, contact administrator
for this information.

#354761 Copied Theme version: 9.1.1 WooCommerce version: 7.6.0

4 Answers

Tony Rodriguez

Support staff

April 28, 2023 at 06:08

Hello @welead,

Thank you for reaching out. Could you please provide us with the URL of the page where the issue is occurring so that we can investigate further and provide assistance?

Best Regards,
8Theme’s Team

#354777 Copied

welead

Participant

April 28, 2023 at 08:56

URL of the page:

Please contact administrator
for this information.

#354791 Copied
Tony Rodriguez

Support staff

April 28, 2023 at 09:27
Hello @welead,

Please copy and paste the following CSS code into XStore >> Theme Options >> Theme Custom CSS >> Global CSS and then clear your browser cache to view the changes.
```
@media(max-width: 767px){ 
    .etheme-product-filters-item-title span.etheme-product-filters-quick-results {
        white-space: normal !important;
    }
}
```
We have included an example of the result here: https://postimg.cc/wy8x92FY

Best Regards,
8Theme’s Team
#354802 Copied
welead

Participant

April 28, 2023 at 09:56

Hello,
ok! thanks for solving the problem!

#354808 Copied
Tagged: display problem, mobile, product-filters, templates, woocommerce, wordpress
Viewing 5 results - 1 through 5 (of 5 total)

The issue related to '‘Product Filters Element display problem on mobile.’' has been successfully resolved, and the topic is now closed for further responses

Product Filters Element display problem on mobile.

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection