BUG - RokNavMenu with Fusion theme and Chrome iOS
-
-
- MICHAEL KOONTZ
- Rocketeer
- Posts: 90
- Thanks: 9
-
I have a placed a 2nd RokNavMenu on my site using the Fusion Theme.
If you go to http://hca.xeiropraktiki.info
site is offline, the username and password are: gantry
click on the English flag
then click on "List of Members"
There you will see the fusion menu in content-top-a position that says Attica, Thessaloniki, Peloponnisos & "the rest of Greece".
That is the 2nd RokNavMenu and when viewed using Chrome for iOS the dropdowns for the submenus do not work. As a matter of fact, the top menu doesn't even respond to the touch events.
If you view the site using a regular desktop browser, or any other browser besides Chrome for iOS you will see how they are supposed to look & work.
I was previously supplied with the following fix which was applied to the template-custom.less file however it only fixed the problem temporarily. When the last update to Joomla! was applied the fix stopped working.
/* Chrome iOS Fix */ body { #rt-content-top, #rt-content-bottom { overflow: visible; &:after { content: ""; display: block; position: relative; clear: both; } } }
I have added some screenshots with annotations going in to more detail. The file names of the pictures I uploaded also let you know which browser is being used to view the site. The screenshots and annotations are from before the last Joomla! update was applied so where before the menu was at least clickable, i.e. responding to touch events, in Chrome for iPhone and the dropdown was hidden behind the mainbody, it is now behaving just like Chrome for iPad where the menu items are not even responding to any touch events.
Any help would be greatly appreciated so that I can fix this issue.
regards,
Dr. Michael Koontz
P.S. - Admin and FTP access can be provided upon request. - Last Edit: 10 years 5 months ago by MICHAEL KOONTZ.
-
-
-
- MICHAEL KOONTZ
- Rocketeer
- Posts: 90
- Thanks: 9
- Just adding a couple more pictures
-
-
-
- MICHAEL KOONTZ
- Rocketeer
- Posts: 90
- Thanks: 9
-
-
-
- James Spencer
- Preeminent Rocketeer
- Posts: 46340
- Thanks: 50
- It seems fine now. I wouldn't be surprised that, as you are using multiple -custom.less files, they are conflicting with one another. Stick everything in one single template-custom.less to ensure that nothing is going a miss. The code is firing and I checked on my iPhone and its all fine.
- James Spencer / Developer & Support / Hull, UK
-
-
-
- MICHAEL KOONTZ
- Rocketeer
- Posts: 90
- Thanks: 9
-
James,
Thank you for your reply. I'm not sure which menu you were looking at or which browser you were using to view the site but it is most definitely not working.
I have uploaded a YouTube video to better demonstrate the problem.
http://youtu.be/4icGi8SitTc
Here is a quick outline of the issue:
The 2nd RokNavMenu which is in the content-top-a position under the "list of members" menu item is unresponsive to Touch Events when the page is viewed using Chrome for iOS on the iPhone or iPad.
If you view the page using Safari the 2nd RokNavMenu responds to Touch Events and the dropdowns become visible.
If you view the page using a desktop browser the dropdown menu items appear when the mouse is hovered over the top menu item.
I sincerely hope this video clears up any confusion as to exactly what the issue is.
If you have any further questions or require FTP and Admin access please let me know.
regards,
Dr. Michael Koontz
-
-
-
- James Spencer
- Preeminent Rocketeer
- Posts: 46340
- Thanks: 50
-
Hello Michael,
Your youtube video is still being processed so I couldn't see. Nevertheless, I have uploaded a photo from my iPhone in Chrome to show that, from my perspective, everything is working ok. I will check the video once it has finished being processed by youtube. - James Spencer / Developer & Support / Hull, UK
-
-
-
- MICHAEL KOONTZ
- Rocketeer
- Posts: 90
- Thanks: 9
-
OK, that is really weird. I have completely cleared the cache for Chrome on my iPhone and iPad Air and it is still not working for me as I showed in the video. I didn't show the iPad because the behavior was the same as on the iPhone.
Can you tell me which iPhone you are using, which version of iOS and the version of Chrome for iOS?
The version of Chrome for iOS that I'm using on both my iPhone 4S 16gb and iPad Air 128gb is v.35.0.1916.41
The version of iOS I am using on my iPhone and iPad is 7.1.1 (11D201)
The YouTube video is done being processed by the way.
Thank you again for looking in to this! - Last Edit: 10 years 5 months ago by MICHAEL KOONTZ. Reason: added version information
-
-
-
- James Spencer
- Preeminent Rocketeer
- Posts: 46340
- Thanks: 50
- How bizarre! I am using an iPhone 5s on iOS 7.1.1.
- James Spencer / Developer & Support / Hull, UK
-
-
-
- MICHAEL KOONTZ
- Rocketeer
- Posts: 90
- Thanks: 9
-
What version of Chrome for iOS are you using?
I installed Google Chrome on my wife's iPhone 4S. She has the same exact phone as I do and it did the same thing.
Do you maybe have access to an iPhone 4S or even an iPad Air or another iPad where you can check this out?
Is this maybe something that needs to be reported to Google?
As of right now, what can be done to fix this?
Is this something that you are looking in to? I'm asking because if it's not I need to look at an alternative way of designing and displaying the information that RokNavMenu was supposed to do. - Last Edit: 10 years 4 months ago by MICHAEL KOONTZ. Reason: To inquire about an update to the issue and what can be done to fix it or if I need to look at another option.
-
-
-
- MICHAEL KOONTZ
- Rocketeer
- Posts: 90
- Thanks: 9
- It's been over a week since the last response. Are you guys still looking in to this?
-
Time to create page: 0.070 seconds