Home › Forums › WoodMart support forum › Product categories design on mobile

Product categories design on mobile

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • May 6, 2025 at 5:10 pm #658669

    s-commerce
    Participant

    Hello, I do have the same issue like already described here:
    https://xtemos.com/forums/topic/problem-with-product-categories-design-on-mobile/

    The category style “center title” looks beautifully on desktop – and awesome on mobile. The text then is no mor on the image, but below it.

    Please, is there a way to get the text right on the image on mobile, too? Like on desktop? This would be very helpful for me.

    THANK YOU
    Sandra

    May 7, 2025 at 9:29 am #658779

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    I’ve checked your site, and it looks like the category title is now displaying correctly over the image. It seems the issue may have already been resolved.

    See Screenshot for clarification:https://ibb.co/3ntvtR5

    Best Regards,

    May 7, 2025 at 8:25 pm #659001

    s-commerce
    Participant

    Thanks, but that was not my question.

    My issue refers to category style “center title”.

    Since this is not working well on mobile (text is shown below the images), I switched to the style “Zoom out”, which is not very beautiful to me – but at least working.

    So – not resolved, sorry.

    May 8, 2025 at 9:34 am #659085

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Try to add custom css code in Theme Settings > Custom > Custom CSS for mobile for the center title design.

    .category-grid-item .wd-cat-content.hover-mask {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, 0.3); 
    color: #fff; 
  }

    Best Regards,

    May 8, 2025 at 10:49 pm #659336

    s-commerce
    Participant

    Thank you very much – it is working somehow, but does not look very pretty in the end.

    Maybe can I also configure the “Zoom out category” as easy?

    If possible, I would be interested in
    – less rounding
    – another colour behind the text
    – and maybe even in changing the text colour itself….

    Thank you for your help!
    Sandra

    May 9, 2025 at 12:40 pm #659472

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Try to add custom css code in Theme Settings > Custom > Custom CSS for mobile.

    .cat-design-zoom-out .wd-entities-title {
    background-color: black;
    border-radius:10px;
    color: white;
    font-size: 12px !important;
}

    Best Regards,

    May 9, 2025 at 2:22 pm #659508

    s-commerce
    Participant

    You are the best! Thank you!!! (-:

    May 9, 2025 at 3:12 pm #659533

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    You’re very welcome! I’m glad I could help. If you need anything else, feel free to reach out!

    Thanks for contacting us.
    Have a great day.

    Topic Closed.
    Best Regards,

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Product categories design on mobile’ is closed to new replies.