Home › Forums › WoodMart support forum › Problem with product categories design on mobile

Problem with product categories design on mobile

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • February 7, 2020 at 8:23 am #172056

    ToriTori38
    Participant

    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.

    February 7, 2020 at 11:15 am #172083

    Aizaz Imtiaz Awan
    Keymaster

    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.

    February 7, 2020 at 11:41 am #172089

    ToriTori38
    Participant

    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

    February 7, 2020 at 12:53 pm #172105

    Aizaz Imtiaz Awan
    Keymaster

    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.

    February 7, 2020 at 12:57 pm #172106

    ToriTori38
    Participant

    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.

    February 7, 2020 at 1:30 pm #172111

    ToriTori38
    Participant

    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

    February 7, 2020 at 1:32 pm #172114

    Aizaz Imtiaz Awan
    Keymaster

    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
Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘Problem with product categories design on mobile’ is closed to new replies.