Change color in mobile version
-
Hello, Please check these two photos. I want the mobile version to look exactly like the desktop version, specifically the red box shown in the photo. Could you please check and let me know what the problem is?
Attachments:
You must be
logged in to view attached files.
Hi mahnaz,
Thanks for reaching to us.
Please add the below Custom CSS code to Theme Settings > Custom CSS > Custom CSS for Mobile section:
.cat-design-replace-title :is(.hover-mask,.more-products) {
position: absolute;
inset: 0;
z-index: 3;
display: flex;
align-items: center;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
padding: 15px;
}
.cat-design-replace-title .wd-entities-title {
padding: 12px 25px;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
color: #fff;
font-size: 18px;
line-height: 1.4;
transition: opacity .25s ease .25s;
background-color: var(--wd-primary-color);
border-radius: var(--wd-cat-brd-radius, var(--wd-brd-radius));
}
Regards,
.
