Suspect bug affecting Android display
This topic contains 7 replies, has 3 voices, and was last updated by Stiofan O’Connor 9 years, 1 month ago.
We have moved to a support ticketing system and our forums are now closed.
Open Support Ticket-
AuthorPosts
-
November 2, 2016 at 12:53 pm #296721
Hi,
We are experiencing a problem with display on Android devices (Chrome v54 on Sony Xperia running Android 5.1.1) where when you click on either the menu icon (top right) or the login icon (top left), the display zooms right out.
The test URL you can see this on is http://dd.easy2dev.com/
It’s a hard one to track as the iPhone doesn’t seem to do it, but what we’ve learned so far is that if we use the icon links from a standard page (eg http://dd.easy2dev.com/about-dinnerdata/) they behave fine. So we suspect it must be from an additional element perhaps from the search / listings code?
We’re going to see what we can identify this end, but wondered if you had any input or light you could shed?
Thanks
Malcolm
November 2, 2016 at 5:14 pm #296855Further to my previous post I have identified the following code seems to be the culprit:
<script type=”text/javascript”>
jQuery(document).ready(function () {
//initMap(‘geodir_map_v3_home_map_1’); // depreciated, no need to load this twice
build_map_ajax_search_param(‘geodir_map_v3_home_map_1’, false);
map_sticky(‘geodir_map_v3_home_map_1’);
});</script>
I identified this by making a copy of the homepage as a straight html page, and once this element is commented out functionality using menus is spot on. Can you please let me know how we can resolve this issue? Also if you need ant screenshots from the mobile let me know.
Thanks and regards
Malc
November 2, 2016 at 5:29 pm #296862Hi Malcolm,
I’ve flagged this for the developers, they will let us know asap.
Thank you,
November 2, 2016 at 5:37 pm #296867Hi Malc,
Sounds like you had a fun morning debugging this just like me 🙂
This was a nightmare to debug, it was only happening on some android devices, the problem is they seem to have changed something with Google maps which now loads the test span element for typekit fonts, it’s set to be hidden off screen but they way the side element menus work it ends up interfering with it.
I will release a fix for Directory Starter theme tomorrow but for now you can add this simple CSS fix:
body > span[style*='top: -999px']{display: none;}Thanks,
Stiofan
November 2, 2016 at 5:52 pm #296883Hi Stiofan,
Thanks for your reply – I have tried adding the fix you mentioned, but I still have the same problem.
Anyway happy to wait for your fix, and I can test on my Android again and let you know. I understand it’s good to progress things, but I sometimes wish Google would leave things alone 🙂
Best regards
Malc
November 2, 2016 at 5:55 pm #296885Hi Malc,
That fix really should work, where did u add it? Maybe it’s caching?
If you want to provide wp-admin details i will take a look.
Thanks,
Stiofan
November 2, 2016 at 6:07 pm #296892Yep, you’re right, I put it in the child theme css but my phone was caching – I’ve found the best method with these Androids is to select the option for request desktop site then deselect it, and that seems to clear the cache. It’s a pain to do otherwise.
I take it you’d recommend removing that line again once you have the fix in the main theme?
Thanks
Malc
November 2, 2016 at 6:26 pm #296905Great, it won’t be a problem having it twice, but i would move it to GD>Design>Script>CSS, that way it wont be cached by users who have already visited the site.
Stiofan
-
AuthorPosts
We have moved to a support ticketing system and our forums are now closed.
Open Support Ticket