Prdouct Categories Widget
-
I have set the “Replace Title” layout in the widget. In the desktop view it is the way I want it -> centered on the category preview image.
In the mobile view, the category name is displayed underneath. How can I set it so that the category name also appears on the preview image in the mobile view?
Thank you.
Attachments:
You must be
logged in to view attached files.
Hello,
Can you please share the page URL so I can check and give you a possible solution?
Best Regards,
Hello,
This is the default behavior of the current category design — on mobile, the category title appears below the image.
However, if you’d like to display the text on top of the image, you can add the following custom CSS under Theme Settings > Custom CSS > Custom CSS for Mobile.
.category-grid-item .wd-cat-content.hover-mask {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #dedee2;
color: #fff ;
}
Best Regards,
Thanks. That works. But I still notice that the font color (entered as #FFFFFF) does not change. It remains black.
Hello,
Try to add the following CSS code to Theme Settings > Custom CSS > Mobile CSS section to change the title color.
.category-grid-item .wd-cat-content .wd-entities-title {
color: #FFFFFF;
}
Best Regards,
Hello,
You’re Most Welcome!
Feel free to write back anytime. If you need further assistance, we are always here to help you.
If you have a minute, we’d truly appreciate your feedback — it helps us improve the product and shape future updates more effectively. We’d love your feedback on our theme: https://tally.so/r/w4l54k
Thanks for contacting us.
Have a great day.
Topic Closed.
Best Regards,
The topic ‘Prdouct Categories Widget’ is closed to new replies.
.
