Single Comment

While I'm charging my iPad and have errands to run, I'll see if anyone else has any ideas on this. For a while now, the mobile menu has not been working for the Play subdomain on the iPad and iPhone. When you touch the hamburger image to display the menu, nothing happens. Seeking to fix this today, I created a test page called http://play.chessvariants.com/menutest.html for which the mobile menu will work on my iPad. However, the fix involves leaving in code for displaying an Amazon ad in the footer. The main reason the mobile menu worked on my iPad for the main domain was that Amazon ads were appearing in the footer, the reason they didn't work in the Play subdomain is that these pages did not include Amazon ads in the footer. Since these ads were targeted at Americans, this means that the mobile menus may not have been working on any iPads or iPhones outside of the United States. Although I've pared down the Amazon code, I still haven't figured out what it is doing to make the mobile menu work on the iPad. All I can really tell is that the problem probably has to do with JavaScript, and the solution will probably involve JaveScript. The menu uses JavaScript, and the code for the mobile menu is at menucontrols-mobile.js For the sake of comparison, the code for the desktop menu is at menucontrol-main.js. The CSS and HTML for the menus can be seen in the page source. The mobile menus work fine on other devices. This problem is specific to the iPad/iPhone, and it does not affect the desktop menus, which work well on my iPad. Does anyone have any idea how to fix this or what the Amazon code might be doing to help the hamburger button to work?