Portfolio "animation" does not work on mobile devices – can it be bypassed?

Mystery Themes Support Themes Free Themes Flexible Portfolio "animation" does not work on mobile devices – can it be bypassed?

This topic contains 12 replies, has 2 voices, and was last updated by  Mystery Themes 2 months, 3 weeks ago.

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #2503

    hans_p
    Participant

    Hi! The “animation” or mouse-over effect in the portfolio widget does not work on mobile devices (android/iphone/ipad), so the title of a specific page is not shown, only the images. Is there some way that I can bypass the mouse-over effect for mobile devices, so that the text is shown as default? Otherwise the theme is great, thanks!

    #2505

    Mystery Themes
    Keymaster

    Hi @hans_p

    Please add the following code in additional CSS box for this fix:

    @media (max-width: 767px) {
    .portfolio-thumb a {
        pointer-events: none;
    }
    }

    Thanks ๐Ÿ™‚ !

    #2506

    hans_p
    Participant

    Thanks, but now the portfolio images are not links anymore, meaning nothing happens when you click on them. ๐Ÿ™‚ Iยดd like them to display the “blue” with the text all the time, and I use them as links to subpages.

    /hans_p

    #2516

    Mystery Themes
    Keymaster

    Hi hans_p

    There is plus sign in the bottom right corner of the portfolio which redirect to the single page.Aso user can click on the portfolio title.So no link on the whole image will not create an issue.

    Thanks ๐Ÿ™‚ !

    #2519

    hans_p
    Participant

    Hello Mystery! The problem is that on mobile devices, nothing is displayed on the images, no plus sign, no fading text. Iยดm posting an image… Ipad retina

    #2520

    hans_p
    Participant

    Here is the image;
    ipad-retina

    Does not really seem to work sharing images on this forum… Image here: http://hlmfk.se/publik/ipad_retina.jpg

    • This reply was modified 3 months, 1 week ago by  hans_p. Reason: Trying to paste image
    #2523

    Mystery Themes
    Keymaster

    Hi @hans_p

    Can you please send us the Live URL of your site?

    Thanks ๐Ÿ™‚ !

    #2528

    hans_p
    Participant

    Certainly! ๐Ÿ™‚

    Homepage

    #2533

    Mystery Themes
    Keymaster

    Hi @hans_p

    Above given code was only works in mobile devices, if you want to make it work in iPad then please use the following code:

    @media (max-width: 1024px) {
    .portfolio-thumb a {
        pointer-events: none;
    }
    }

    Thanks ๐Ÿ™‚ !

    #2534

    hans_p
    Participant

    Hi Mystery Themes! Did you get it to work on your device? I do not think the width of the screen is the issue, it does not work on Iphone6/Ipad Mini 4 etc. Somehow disabeling the pointer-events only takes away any action when clicking the image. Nothing happens, there is no “+” or text displayed when using your code. Without the code, the images work as link but with no text or “+” in the corner.

    Thank you for your help, I really like the theme! ๐Ÿ™‚

    #2541

    Mystery Themes
    Keymaster

    Hi hans_p

    We have tested it and it works fine for us.Can you please clear cache and check once again ?

    Thanks !

    #2581

    hans_p
    Participant

    Hi!

    Well, it did not work for me, so I found a work-around. Using the following code, the “hover-effect” is shown always on mobile devices. Then I can work on adapting the rest of the CSS to look good, but this is a start. Thank you again for a great theme!

    @media (max-width: 1024px) {
    	.portfolio-content-wrapper {
    		opacity: 1;
    		visibility: visible;
    	}
    }
    #2594

    Mystery Themes
    Keymaster

    Hi

    Thank you for loving our theme !

    Thanks !

Viewing 13 posts - 1 through 13 (of 13 total)

You must be logged in to reply to this topic.