Problem with product categories design on mobile

Hello,

We are using the “product categories” element in the page builder to display our product categories on the home page. Due to long category names, we would like to place the category title in the middle of the thumbnail. So we selected the “Centre Title” design option in “Product Categories Setting”. This works correctly for desktop, but does not work on mobile. In fact none of the additinal design options work on mobile devices.

This is an issue, as on mobile devices our category names look very messy when they appear below the thumbnails. We want them to appear in the centre on top of the thumbnails.

Can you please advise. Thank you.

Hello,

Can you please share the page URL where you are using the Element and also tell me which element you are using the Woodmart or Woocommerce default element? Also, share the screenshot of your issue for better understanding.

Also, please send me the WP admin login details so I will check the issue easily on your site and give you the proper solution.

Best Regards.

Below are the credentials to the development site. You will need to also login to get past the password protected directory. I attached soem screenshots in the private area to help you understand.

As I said, there is no issue changing the style of the category thumbnail titles on desktop. It is on mobile where there is an issue, where the style options do not work.

It is the woodmart category element I am using. On home page (Pages), just under main slider.

Thank you

Hello,

I have confirmed that this is not the issue, it is the default functionality of the theme and element. This is how it works. You can check this our on our live demo site as well:
https://woodmart.xtemos.com/demo-fashion-colored/demo/fashion-colored/

Best Regards.

Hello,

Thanks for the reply.
Can you please explain a little better. Are you saying that on mobile devices you cannot add the titles on top of the thumbnails, like you can on the desktop mode?

Or is there any way we can do that with CSS? It is just, on mobile view, my category titles are very long and it does not look so good.

Yes I understand now that this is how you designed the functionality for mobiles 🙂
What I have done is to reduce the font size of the category titles on mobile and that already helps.

So no need to look for some solution – I can live with that.
Thanks

Sound’s Great!!!

And I am happy that you have understand the functionality and manage to work out as per your requirements. You are the best!!!.

Let us know if there’s anything else we can do for you! You can always reach us at any time. We are always here to help you.

Have a wonderful day.

Topic Closed.
Best Regards.

[Author]

Posts