Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #384637

    Sure, no mouse on iPad to display the text when ousing over an image…;)
    So would it be possible on mobile devices to force text display, since the mouse-over action is not possible ?
    For your informations, this concerns avia-image… CSS references.
    Thanks;

    #385305

    Hey Luc!

    Thank you for using Enfold,

    Use this on Quick CSS:

    @media only screen and (max-width: 989px) {
    .av-overlay-on-hover .avia-image-container-inner .av-image-caption-overlay {
    opacity: 1 !important;
    filter: alpha(opacity=100);
    }
    }

    Regards,
    Ismael

    #385331

    Thanks Ismael,

    I have tested this, it works with max-width:1100px or more, but not with 989px. So that max-width value depends finally on what ? Since my iPad air has a 2048px wide screen and my PC screen has 2560px, that max-width is not the physical resolution. I have tested width device-width:2048px but this is not working at all.
    After reading a bit about @media, I’m not sure that max-width is good enough to be sure the user is on a mobile touch device. Any other way to check if there is a mouse for example ?

    #386731

    Hi!

    Glad it’s working for you. No, this is the usual way how to handle different screen sizes. Let us know if you need some more help concerning the theme.

    Best regards,
    Andy

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.