Product categories design on mobile

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

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,

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.

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,

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

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,

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

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