Mouse Hover, white

Hey Tim,

Please try the following in Quick CSS under Enfold->General Styling for the overlay on tablets:

@media only screen and (min-width: 768px) and (max-width: 1024px) {
.av-masonry-image-container {
    opacity: 1;
}
}

If you want us to have access to your site, then please post login details in private in each thread. Moderators don’t share a common source for website logins.

If you want to ask another user a question, then please PM that user or email directly. Other users won’t be notified of you tagging them in a thread.

Best regards,
Rikard

Hi,

I can’t see any problems on my end. The CSS is applying, and it’s possible to open the articles as well. Please let us know how to reproduce the problem you are seeing on your end.

Best regards,
Rikard

Hi,
Thank you for the link to your site, but I get the error:
FEHLER: Zu viele fehlgeschlagene Anmeldeversuche. Bitte versuche es in 24 Stunden noch einmal.
so I can not login, nonetheless from your screenshot and your info above, please note that touch devices do not have a “hover” attribute, so to remove the “white” overlay on touch devices, Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 1440px) { 
.touch-device #top .av-hover-overlay-active .av-masonry-image-container {
    opacity: 1;
}
}

as for the click issue, I believe you have a function or plugin conflict, Try disabling your plugins. If that resolves the issue, reactivate each one individually until you find the cause. Otherwise try disabling all of your customization scripts and see if that helps.
If not Please include a working admin login in the Private Content area.

Best regards,
Mike

Hi,
Try changing the screen size number down to your device size, I had max-width: 1440px but perhaps that is also your “desktop” size.
Otherwise try checking your screen resolution and letting us know what sizes you want this for.

Best regards,
Mike

Hi,
When I checked your page the images in your “Themenbereiche” section have the opacity on desktop until I mouse-over them and for screen sizes below 1440px the images don’t have any opacity. This is what you wanted, correct?
Perhaps your iPad needs it’s cache cleared, try to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.

Best regards,
Mike

Hi,
Thanks for the feedback, I see that you have this custom css blocking the click event, please find and remove it, perhaps it is in your Quick CSS:

@media only screen and (max-width: 986px){
.av-masonry-entry {
    pointer-events: none;
}
}

The login you posted above doesn’t work so I couldn’t remove it for you.

Best regards,
Mike