手机菜单问题

Question

我想这还不是一个足够具体的问题，但是我希望有人可以建议我如何调试失败的移动侧菜单。

所以我的主要站点是wordpress站点，但是运行正常，但是我的异地白标却不能。

我已将html复制到白色标签，并且还从页眉和页脚添加了所有css和脚本。

一切看起来都正确无误，而且样式也很好，而且汉堡菜单甚至在单击时都会更改图标，因此我可以放心地假设脚本已正确加载。

我的主站点是http://lowcosttravel.ie，而失败的页面是http://hotel.lowcosttravel.ie

我不希望有人为我解决这个问题，但是如果有人可以建议如何调试以找出哪个部分未正确加载

我知道某些字体图标上的CORS问题，但我目前不关心这些问题。

致以问候，非常感谢您的协助。

Answer 1

您已经对HTML结构进行了一些更改，并更改了类名。您可能没有在CSS和JavaScript / jQuery中没有反映这些更改。您也可能没有使用JavaScript / jQuery定位正确的元素来在菜单包装上设置display：block。

在http://hotel.lowcosttravel.ie/上，您的移动菜单包装程序称为hamburger-menu-wrapper，而在http://lowcosttravel.ie/上，其称为包装程序移动导航。

在检查中将hamburger-menu-wrapper更改为wrapper-mobile-nav http://hotel.lowcosttravel.ie/似乎会打开菜单包装器。

我会去看看您的JavaScript / jQuery的目标是什么并进行适当的更改

Answer 2

我认为您忘记了将 Menu Mobile HTML 从http://lowcosttravel.ie复制到http://hotel.lowcosttravel.ie。下面的屏幕截图取自http://lowcosttravel.ie，在失败的页面http://hotel.lowcosttravel.ie/中找不到该HTML。希望这对您有所帮助。谢谢