Okay
  Public Ticket #3154926
Portfolio gradient overlay on mobile
Closed

Comments

  •  1
    Picto-Studios started the conversation
    October 27, 2022 at 11:48am

    When the portfolio is viewed on mobile, a dark gradient is overlaid on the masonry tiles when using the "Meta overlaid - bottom left aligned" project style. How can I remove this?

  •  1,877
    Judith replied
    October 27, 2022 at 2:49pm

    Hello There,

    Thanks for keeping in touch.

    I am not seeing any overlay. Please share screenshots of what you are seeing.

    Thanks.

  •  8,839
    Tahir replied
    October 27, 2022 at 2:49pm

    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 

  •  1
    Picto-Studios replied
    October 27, 2022 at 2:55pm

    Thanks Tahir, that has solved the issue.

    Not a big issue, but it no longer darkens on hover (mobile), is there an amendment to the css that will bring that back?

    Tim

  •  8,839
    Tahir replied
    October 27, 2022 at 2:57pm

    Mobile devices have no hover state, are you testing on desktop ?.

    Thanks 

    ThemeNectar Support Team 

  •  1
    Picto-Studios replied
    October 27, 2022 at 3:05pm

    Omg duh, of course they don't! It's been a long day....

    Thanks for fixing,

    Tim