-
AuthorPosts
-
December 14, 2015 at 1:33 pm #552211
Hi,
can you please have a look at my website with samsung phone and Android browser. The website is not usable. With chrome browser (mobile) it works fine. How can I fix that issue?
Thanks
December 15, 2015 at 3:03 am #552746Hey Marcel!
We currently only support the official iOS (Safari) and Android (Chrome) browsers.
Regards,
ElliottDecember 15, 2015 at 8:16 am #552837Hi Elliott
oh ok. Is it a plan for feature updates? Android browser still has (declining) market share about 10% (https://www.netmarketshare.com/browser-market-share.aspx?qprid=1&qpcustomb=1).
Any idea how to create a popup for all the users with android browser? For example: “To see the website, please use Google Chrome”. HTML and CSS for the popup I’ll make myself. I just need the query (probably interesting for other enfold user as well).
Thanks,
MarcelDecember 17, 2015 at 11:53 am #554320Hi!
If you want to create popup message in order to redirect users to other browsers, please add this in the functions.php file:
// custom popup add_action('wp_footer', 'ava_custom_script'); function ava_custom_script(){ ?> <script> (function($){ var ua = navigator.userAgent; var is_native_android = ((ua.indexOf('Mozilla/5.0') > -1 && ua.indexOf('Android ') > -1 && ua.indexOf('AppleWebKit') > -1) && (ua.indexOf('Version') > -1)); if(is_native_android) { $('body').prepend('<div class="custom-popup"><div class="container">TEXT HERE</div></div>'); } })(jQuery); </script> <?php }.. then add this in the Quick CSS field:
.custom-popup { display: table; width: 100%; height: 100%; position: fixed; background: rgba(0,0,0,0.8); z-index: 1000; } .custom-popup .container { display: table-cell; vertical-align: middle; color: white; font-size: 2em; text-align: center; }Best regards,
Ismael -
AuthorPosts
- You must be logged in to reply to this topic.
