[Resolved] Overlay visible on mobile

Please login to receive premium support.

Support for the free plugin can be found here.

Tagged: mobile, overlay

This topic has 5 replies, 2 voices, and was last updated 1 year, 5 months ago by Fernando.

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
May 3, 2022 at 12:04 am #36933

Annamária
Participant

Hi,

I tried to search the forum but couldn’t find a similar topic.

I’m using the overlay – style 2 cards on my site. Is it possible to display the overlay on mobile, as the titles can’t be read without this?

Thanks,
Annamari

May 3, 2022 at 12:14 am #36935

Fernando
Participant

Hi Annamaria,

To have a better understanding of the issue, may you kindly provide the link to the site in question?

Hope to hear from you soon. 🙂

May 3, 2022 at 12:22 am #36938

Annamária
Participant

Hi Fernando,

Please find it here: https://tipost.hu/

May 3, 2022 at 5:20 pm #36941
Fernando
Participant
Thank you for your response.

You can try adding this CSS in Appearance > Customize > Additional CSS to force the overlay on mobile view:
```
@media (max-width: 768px) {
    #wpsp-157 .wp-show-posts-image .wp-show-posts-image-overlay {
        background-color: rgba(1,77,113,0.8) !important;
        z-index: 3;
        opacity: 1;
    }
}
```
Hope this helps! Kindly let us know how it goes. 🙂
May 3, 2022 at 11:28 pm #36944

Annamária
Participant

Perfect, thank you, Fernando!

May 3, 2022 at 11:35 pm #36946

Fernando
Participant

You’re welcome Annamaria! Glad to be of assistance! Feel free to reach out anytime you’ll need assistance with anything else. 🙂
Author

Posts

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.