gl636474 / NaturesCupboard2

0 stars 0 forks source link

Mobile dropdown menus not working #9

Closed gl636474 closed 5 years ago

gl636474 commented 5 years ago

Since upgrade to Magento 1.9.4.1 and NaturesCupboard2 v1.0.0, the dropdown menus do not work on mobile devices: Android and iOS (iPad).

See attached image, the menu 'button' highlights but the dropdown is nowhere to be seen.

image

gl636474 commented 5 years ago

Possibly a file permissions error. After the mobile menu bar there is the following DIV:

<div id="header-nav" class="skip-content">
    <nav id="nav">
        <ol class="nav-primary">
            <li ...

By default this has the style display:none and JavaScript is used to change this. However if the javascript file is not accessible by Apache, then it won't work. PHP just needs owner read/write but Apache needs others read to serve the file.

See https://community.magento.com/t5/Installing-Magento-1-x/Fresh-Install-on-Magento-Issues-with-Dashboard/td-p/15520

gl636474 commented 5 years ago

The "js" directory was not reachable by Apache (but was by PHP). The Javascript had been cached in browser from the previous version but things stopped working when that cache expired/was cleaned.

gl636474 commented 5 years ago

Also for (not so useful) reference: https://devdocs.magento.com/guides/m1x/install/installer-privileges_after.html#privs-after