iPhone Layout submenus not working

Hi, I'm testing iPhone submenus of template Black&White in this URL https://it.mgscreativa.com.ar/bw/. I know is a very old template but I need to get iPhone submenus working because i'm modifying a client's website.

The issue is that, even in this fresh installed B&W template using quickstart, iPhone menus don't get menu childs!

Some advise will be very appreciated!

Thanks!

Forget about it. I needed to change my user agent or view test site from my iPhone to get proper menu working.

You can also use Chrome phone emulation in dev tools - it helps a lot.

Yep, thats whay I'm doing now...Thanks for the advise!

If you have any additional questions regarding this topic, please let me know.

Hi, I have detected a new issue with this template. If i browse this page http://www.didomenicapalermo.com.ar/ with my iPhone 6, menus work just fine, I can access "ventas" submenu and see his items, but if I browse the site with Chrome phone emulation set to Galaxy SIII the menu stops working and I can't access submenu items, to do so I have to close the menu and open it again, and after taht, I can see the submenu.

Can you test it?

Any advise will be welcome.

Thanks!

Edit: Maybe this console error log can help Uncaught TypeError: filterjq(...).typing is not a function

Default template doesn't show this error. Perhaps it is some 3rd party extension causing it?

Yep, you have to turn on Chrome phone emulation and try to navigate the main menu with a Google Nexus 10 or Samsung Galaxy SIII device...if you try with an iPhone 6 device it works as expected.

Well, as far as I can help you with some development things, this is a very old template and it is not supported anymore .
Also, this template was created when mobile devices was not considered at all, so menu script doesn't react on any "tap" type of clicks. The only thing on easy "fixing" would be to use main menu 1rst level elements as placeholders (not clickable) and left only submenu items as clickable.

Hi, I think it has something to do with User Agent detection, because it does work on some devices. The special mobile menu javascript is loaded on iPhone 6 for example, but it's not loaded on some (not all) Android devices.

I would bet more on different behave of the devices. There is no browser detection algorithm in a JS supporting drop down menus.

Great, I found the issue, As I set all layouts o use the iphone layout, the menu loading thing got confused. Fixed it by changing line 227 of gk.framework.php to this

Code: Select all

            if(($this->browser->get('browser') == 'iphone' && $this->getParam('iphone_layout', 'iphone')!='iphone') || ($this->browser->get('browser') == 'android' && $this->getParam('android_layout', 'android')!='iphone') || ($this->browser->get('browser') == 'handheld' && $this->getParam('handheld_layout', 'handheld')!='iphone')){


couldIf you have any additional questions regarding this topic, please let me know.