I´m having problems with the overlay color in the thumbnails, only in the small devices below 1000px. The mobile breakpoint is setting on 1000px. This thumbs is active before the user click on.
You will find attached the screens capture about these issues.
I´ve desactivated the cache pluging W3Total cache, but the responsive problem with the overlay color in thumbsnails persists. Also, before to do this I cleared the cache.
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
@media only screen and (min-width: 1px) and (max-width: 999px) {
.portfolio-items[data-ps="8"] .col .work-info-bg {
opacity: 0 !important;
}
}
Hello,
I´m having problems with the overlay color in the thumbnails, only in the small devices below 1000px. The mobile breakpoint is setting on 1000px. This thumbs is active before the user click on.
You will find attached the screens capture about these issues.
Thank you in adavanced for you help.
Have a nice day,
Nerea Díaz
Hey Again,
Please try turning off the Caching and Minification Plugins temporarily and check.
Also clear your cache using this guide: https://themenectar.ticksy.com/article/6226/ .
Thanks
ThemeNectar Support Team
Hello again,
I´ve desactivated the cache pluging W3Total cache, but the responsive problem with the overlay color in thumbsnails persists. Also, before to do this I cleared the cache.
Thank you,
Nerea Díaz
Hey Again,
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
Thanks
ThemeNectar Support Team
Hello Tahir,
Thank you !! It works ;)
Nerea Díaz