Okay
  Public Ticket #2715941
In mobile phone remain active the overlay color on my images thumbnails
Closed

Comments

  •  4
    nereidad started the conversation

    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



  •  8,848
    Tahir replied

    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/ .

    1. If you are using WP Rocket use this guide :  https://docs.wp-rocket.me/article/108-render-blocking-javascript-and-css-pagespeed#critical-path-css .
    2. For Woocommerce caching issues see: https://docs.woocommerce.com/document/configuring-caching-plugins/ . 

    Thanks


    ThemeNectar Support Team 

  •  4
    nereidad replied

    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

  •  8,848
    Tahir replied

    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):

    @media only screen and (min-width: 1px) and (max-width: 999px) {
        .portfolio-items[data-ps="8"] .col .work-info-bg {
            opacity: 0 !important;
        }
    }

    Thanks


    ThemeNectar Support Team 

  •  4
    nereidad replied

    Hello Tahir,


    Thank you !!  It works ;)


    Nerea Díaz