
-
AuthorPosts
-
November 25, 2017 at 1:14 pm #881577
Hi,
There seem to be some issues when viewing on iphone and some inconsistencies on different mobile device.
1) there is a little box showing between two image links – see screenshot attached. Can you let me know how I can get rid of this?
2) On iphone, when clicking the image links it takes a couple of times to open the link.
3) Images seem to be in difference size on iphone whereas when I view on the android phone, they are all in the same size.
How can I get these fixed?
Many thanks
November 25, 2017 at 7:21 pm #881704Hey 2eminds,
Best regards,
VictoriaNovember 26, 2017 at 7:59 pm #882004Hi Victoria
Thank you – I’ve removed the extra element.
Would you be able to help me with my 2nd point:
2) On iphone, when clicking the image links it takes a couple of times to open the link.
Many thanks
Risa
November 27, 2017 at 7:02 am #882117Hi,
Thank you for the update.
Please add the following code in the functions.php file and then remove the browser cache or hard refresh before checking the page again on your device.
// custom script add_action( 'wp_footer', 'ava_custom_script' ); function ava_custom_script() { ?> <script type="text/javascript"> (function($) { function a() { $('.avia_image').on('click touchstart', function(e) { var link = $(this).attr('href'); window.location.href = link; }); } a(); })(jQuery); </script> <?php }
Best regards,
IsmaelNovember 27, 2017 at 5:07 pm #882282Thank you Ismael – I still have problem with link images not working properly (still need to click more than once to open the link)
November 28, 2017 at 6:04 am #882521Hi,
Please add the script above then make sure that you’re not looking on a cached version of the page. Remove browser cache or test it on another device.
Best regards,
IsmaelNovember 28, 2017 at 9:57 am #882545This reply has been marked as private.November 28, 2017 at 10:47 pm #882907This reply has been marked as private.November 30, 2017 at 1:35 pm #883411Hi,
The links or images redirected to the corresponding pages on single tap. I’m testing it on an iPad 2 device. Please try it again.
Best regards,
IsmaelNovember 30, 2017 at 4:45 pm #883491Thank you so much Ismael.
We checked on two different iphone devices and we were able to open the links on single tap.
Thank you for your help on this.
Risa
November 30, 2017 at 10:54 pm #883592Hi Ismael
Since you fixed this issue, when I tap the images with NO LINK (by accident) redirects to unidentified page. Can you please have a look?
Many thanks
Risa
December 4, 2017 at 3:42 am #884493Hi,
Which of the images have no link? The script can be configured so that it only affects images with links.
// custom script add_action( 'wp_footer', 'ava_custom_script' ); function ava_custom_script() { ?> <script type="text/javascript"> (function($) { $('.avia_image').on('touchend', function(e) { var touchmoved, link; link = $(this).attr('href'); if(link == '' || link == null) return; if(touchmoved != true) { window.location.href = link; } }).on('touchmove', function(e){ touchmoved = true; }).on('touchstart', function(){ touchmoved = false; }); })(jQuery); </script> <?php }
Best regards,
IsmaelDecember 5, 2017 at 3:42 pm #885111This reply has been marked as private.December 6, 2017 at 8:13 am #885413Hi,
Please try to replace “touchstart” with “touchend”. Again, please make sure to refresh the scripts or remove the browser cache.
Best regards,
IsmaelDecember 6, 2017 at 9:08 pm #885760Thank you Ismael
I replaced “touchstart” with “touchend” and cleared cache but still sensitive. Can you please have a look again?
Many thanks
December 7, 2017 at 6:07 am #885936Hi,
Hmmm.. Please remove the “click” event.
$('.avia_image').on('touchend', function(e) {
Best regards,
IsmaelDecember 7, 2017 at 2:59 pm #886108Hi Ismael
Thank you for this – I’ve removed ‘click’ and cleared cache – but still sensitive.
Can you please advise?
Many thanks
December 11, 2017 at 6:53 pm #887537This reply has been marked as private.December 12, 2017 at 2:23 am #887670Hi!
I’m sorry for the late response. I modified the script a bit. Please try it again.
// https://kriesi.at/support/topic/issues-on-mobile-device-view/#post-884493
Cheers!
IsmaelDecember 19, 2017 at 10:47 pm #890618This reply has been marked as private.December 22, 2017 at 6:43 am #891475Hi,
I”m sorry if this is taking a bit too long. Unfortunately, we don’t do phone support. Please provide the FTP details to the site so that we can test the modification or script.
Best regards,
IsmaelDecember 22, 2017 at 12:21 pm #891546This reply has been marked as private.January 2, 2018 at 9:50 am #892439This reply has been marked as private.January 3, 2018 at 2:53 am #892686Hi,
Happy new year!
I was able to connect to the server but it’s empty. Is this the correct directory? Also, the WP login details is not working anymore.
Best regards,
IsmaelJanuary 3, 2018 at 10:45 pm #892932This reply has been marked as private.January 4, 2018 at 7:13 am #893127Hi,
Thank you for the info.
We modified the code a bit and tested it on a mobile device. It is working properly now. Please make sure that you’re not looking on a cached version of the page.
Best regards,
IsmaelJanuary 6, 2018 at 4:37 pm #894117This reply has been marked as private.January 7, 2018 at 8:25 pm #894458Hi Risa,
Glad Ismael helped to get it working for you! :)
If you need further assistance please let us know.
Best regards,
Victoria -
AuthorPosts
- You must be logged in to reply to this topic.