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

    Hi guys

    I’ve got an issue with the Enfold Gallery on mobile (see screen below).

    When touching a Gallery image to launch the light box, it firstly displays the desktop hover state black/white title. When touching again to launch the light box, that then displays however the hover state title still displays on top of the image – and does so when navigting to each image.

    I guess we need to disable this desktop title for mobile somehow?

    Thanks

    #619069

    Hey!

    Try adding this code to the Quick CSS:

    .avia_mobile .avia-tooltip{display: none !important; }
    

    Cheers! 
    Josue

    #619473

    Thanks Josue

    That worked well. Just one small issue. The first time you tap an image, nothing happens (except the image fades back 50%). Then you need to tap a second time to launch the light box. After that it’s fine, except when you go to another page and return to try the same again.

    cheers

    #619773

    Hm, i guess what you need to do is disable the Tooltip functionality altogether (in mobile), try modifying this line in shortcodes.js:

           new $.AviaTooltip({'class': "avia-tooltip", data: "avia-tooltip", delay:0, scope: "body"});
    

    To:

    	if($.avia_utilities.isMobile == false)
            new $.AviaTooltip({'class': "avia-tooltip", data: "avia-tooltip", delay:0, scope: "body"});
    
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.