Mobile devices, hover captions, etc.

FergusonFerguson Registered Users Posts: 1,345 Major grins
edited March 19, 2015 in SmugMug Customization
I use collage landscape, and had turned on captions for hover, so if you hover over an image they showed.

I noticed they showed all the time on images on mobile devices, perhaps because there is no sense of "hover".

Is that the intended behavior? They were so large I ended up turning them off -- unfortunately turning off for everyone. I can perhaps maybe turn them off with a @media command, but before i went down that path....

Is that the intended behavior, that mobile devices have captions on all the time, if for other devices they are on at all (hover show or hover hide as the case may be)?

It was actually rather eye opening ... I looked at Google Analytics, and found about 2/3rds of my views are from mobile devices, so I started looking at my site on mobile and hated it. Spent a couple days cleaning up a bit (e.g. logos now shrink and disappear as the screen size gets smaller). I guess the day of the desktop (maybe even the tablet) is waning.

Comments

  • tomnovytomnovy Registered Users Posts: 1,102 SmugMug Employee
    edited March 18, 2015
    Hi Ferguson,

    Because mobile devices do not use the hover event - your captions will appear automatically on thumbnails on touch enabled phones/tablets/computers { yes, this is an intended behaviour }. The only workaround for this is to turn your captions off or by using CSS code to hide caption on specific screen resolutions.
    SmugMug Support Hero | Customizer | My SmugMug site - http://www.photom.me | Customization Portal - https://customsmug.com/
  • FergusonFerguson Registered Users Posts: 1,345 Major grins
    edited March 19, 2015
    tomnovy wrote: »
    Hi Ferguson,

    Because mobile devices do not use the hover event - your captions will appear automatically on thumbnails on touch enabled phones/tablets/computers { yes, this is an intended behaviour }. The only workaround for this is to turn your captions off or by using CSS code to hide caption on specific screen resolutions.

    Thanks for the confirmation.

    I do wish they would have let one, or the other, be the opposite behavior. I.e. since there's a separate option for hover-show and hover-hide, it seems like one (Maybe hover-show) could be interested as "mobile=no" while the other "mobile=yes".

    but yes, I can deal with it with CSS.

    Incidentally for anyone trying this -- I tried a couple of the simulation programs and they did not behave the same as the actual mobile device in this respect. I was new to those tools so I may have them configured incorrectly, but definitely try your site on a real, actual mobile device.
Sign In or Register to comment.