移动端菜单和 Joomla 的奇怪错误!模板

Strange Bug with Mobile Side Menu and Joomla! template

我不知道这是否是一个真正的问题,因为我经常在使用模拟器时看到它,但它似乎可以重现,而且我在朋友的 Android 设备上注意到了它。 URL 是:

Link To Page

在某些设备上,特别是 iPad Retina 模拟器,当您单击汉堡包时,它会按预期将页面主体移动到右侧,但侧面菜单区域完全空白,尽管事实上那里有一些元素,你可以点击它们,它们只是没有显示,所以它们正在渲染,但整个侧边栏只是空白(见图)

我确实在 Safari 的开发者菜单上发现了一个我不知道的有用功能。您可以转到 Develop -> Simulator 并使用检查器查看模拟器中加载的页面。相当不错的功能,但仍然无法完全弄清楚问题所在。

它正在使用 Joomla!模板并查看源代码似乎可以进行大量调整,因为有大量的 .css 和 .js 资源,其中一些可能不需要,一些可能相互冲突,一些前端不需要等

感谢帮助。

这种修复:

body.jsn-menu-mobile-push-left {
        margin-left: 0px;
}

但并不理想。它在这种情况下显示菜单,但不会从右侧滑出主体。这有点奇怪,因为当 margin-left 设置为 0px 时它不显示。