Return to previous page

Product categories in list mode on mobile

This topic has 7 replies, 3 voices, and was last updated 1 weeks, 2 days ago ago by Andrew Mitchell

Applesandcider

Participant

June 26, 2024 at 14:04

Hi,

Please see “Demo” screenshot. This is taken from your demo site – https://xstore.8theme.com/elementor/demos/niche-market02/

On your demo site, when you see it on mobile, the product categories are able to break into two separate columns.

Please see “My product categories” screenshot. How do I do the same for my product categories when they are viewed on mobile? I have two product category section. One for desktop and one for mobile/tablet. Desktop one looks fine, but its the mobile/tablet one I’d like to break into two columns instead of one long column. Thanks!

Content is visible for topic creator and
support staff only.

Files is visible for topic creator and
support staff only.

#401814 Copied Theme version: 9.3.13

6 Answers
Rose Tyler

Support staff

June 26, 2024 at 14:41
Hello Applesandcider,

Thank you for reaching out and providing the screenshots for clarity.

Please try to add this code for the element https://prnt.sc/RbydkZomMeE5
```
@media only screen and (max-width: 767px) {
   selector .swiper-entry .category-grid.columns-5 {
        width: 50%;
    }
}
```
If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.

Best Regards,
8Theme’s Team
#401827 Copied
Applesandcider

Participant

June 26, 2024 at 15:31

Hmm I will try after another problem is fixed if you don’t mind? I had changed the product category images thumbnail size to 50×50 on appearance – customise – woocommerce – product images. But when I did that the images on my homepage (see attachment) all went down to 50×50. I have put it back to 500 x 500 which is what I had put it on but its caused the product category images to blow up and be blurry. How do I simply reduce the size of the product category images without effecting other parts of my site?

Thank you so much

#401858 Copied

Applesandcider

Participant

June 26, 2024 at 15:33

attachments.

Files is visible for topic creator and
support staff only.

#401861 Copied
Rose Tyler

Support staff

June 26, 2024 at 16:01
Hello Applesandcider,

We hope this message finds you well. We kindly request that you incorporate the following code into the settings of the specified element:
```
selector .category-grid>a img {
    max-width: 50px;
}
```
Best Regards,
8Theme’s Team
#401869 Copied
Applesandcider

Participant

June 26, 2024 at 17:14

Worked like a charm thank you so much

#401890 Copied

Andrew Mitchell

Support staff

June 26, 2024 at 17:14

Dear Applesandcider,

We trust our theme is enhancing your experience. Taking a brief moment to rate it with a glowing 5 stars on ThemeForest would be immensely appreciated. Your feedback holds significant value for us.

Click here to rate now: https://themeforest.net/downloads

Thank you sincerely for your ongoing support!

Best Regards,
The 8Theme Team

#401891 Copied
Tagged: best selling themes, list mode woocommerce, mobile woocommerce themes, product categories list, woocommerce mobile categories, woocommerce themes
Viewing 7 results - 1 through 7 (of 7 total)