Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 23, 2015 at 9:29 pm #384637
    luke7263

    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;

    January 26, 2015 at 9:36 am #385305
    Ismael

    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

    January 26, 2015 at 10:46 am #385331
    luke7263

    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 ?

    January 28, 2015 at 2:08 am #386731
    Andy

    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

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