Make Project Title visible on Mobile and Tablet devices

Hi there
Using West that is a great theme. Just experiencing a problem with project module title on hover that is perfect on desktop but not so responsive under 790px devices (since there’s no hover option and you can olnly see images but not title)

Is there an option to modify this an make div and h2 project title with opacity 1 through media queries=?
And if there’s what code should i create since i tried overing frontend-min.css and style.css both but no results…

Thanks for helping

Best Regards

Hello Gianluca,

Please try to use the following CSS code.

You can add CSS code in DashboardAppearanceCustomizeAdditional CSS (WordPress 4.7 and up). Also you can add CSS code directly to style.css file of your child theme.

@media only screen and (max-width: 767px) {
    .dslc-post > .dslc-post-thumb > .dslc-project-main.dslc-on-hover-anim-target {
        opacity: 1;
        transform: unset;
    }
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.