Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 19, 2016 at 5:08 am #617070
    pantoni

    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

    April 21, 2016 at 11:46 am #619069
    Josue

    Hey!

    Try adding this code to the Quick CSS:

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

    Cheers! 
    Josue

    April 22, 2016 at 4:30 am #619473
    pantoni

    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

    April 22, 2016 at 11:36 am #619773
    Josue

    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"});
  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.