我正在努力使我的网站的菜单栏更适合移动设备。我目前拥有它，所以它会缩小为一个小的点击打开下拉菜单，显示我到其他页面的链接。
我发现的第一个问题是我的菜单比屏幕尺寸长，我无法滚动显示其余内容，所以我环顾四周，现在已经解决了这个问题，但又创建了另一个..
发生的事情是，我可以很好地打开菜单，选择项目并按预期在菜单内滚动..但是当我再次单击菜单按钮时，再次隐藏菜单时，链接“拉出视线”但它离开了显示菜单的背景..
@media (max-width: 767px) {
.scroll-to-top {
display: none;
}
.show-menu {
display: block !important;
visibility: visible !important;
position: fixed;
width: 100%;
height: 300px;
z-index: 999;
overflow-y: scroll;
-webkit-transform: translate3d(0,0,0);
-webkit-overflow-scrolling: touch;
}}
我无法让可滚动菜单工作，但最后，我发现添加了“高度：xx；” 部分解决了这个问题..
我对所有这些东西都不是很了解，但尝试从编辑现有示例等中学习。
任何人都可以看到任何明显的东西吗？
[解决了]
2
（与以前相同的菜单。）
我昨晚发现这个我已经添加到我的网站：
@media (min-width: 768px) {.dropdown-menu li:hover .menu {visibility: visible;}}
@media (min-width: 768px) {.dropdown:hover .dropdown-menu {display: block;}}
我相信它使我的菜单可以点击显示，当您在移动设备上查看网站时，它们通常会悬停在上面。
我想添加一个相反的附加语句，所以如果你点击一个打开的菜单，它会再次关闭..
3
（同一个菜单）
我在网站上使用的主题的构建方式使 3 级菜单项显示为 2 级链接下方的项目符号列表。
我想更改此设置，因此第三级链接也不会显示为列表，而是有自己的菜单也可以退出。
echo '
<div id="menu">
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<div class="container">
<div class="row">
<ul class="nav navbar-nav">';
foreach ($context['menu_buttons'] as $act => $button)
{
echo '
<li id="button_', $act, '" class="', $button['active_button'] ? 'active ' : '', '', !empty($button['sub_buttons']) ? 'dropdown' : '', '">
<a ', !empty($button['sub_buttons']) ? 'class="dropdown-toggle"' : '', ' href="', $button['href'], '"', isset($button['target']) ? ' target="' . $button['target'] . '"' : '', '>
', !empty($modSettings['smi_enable']) ? '<img style="vertical-align: middle;" src="'. $settings['default_images_url']. '/smi/'. $act. '.png" alt="'. $button['title']. '" title="'. $button['title']. '"/> ' : '', '', $button['title'], '', !empty($button['sub_buttons']) ? ' <span class="caret"></span>' : '' ,'
</a>';
if (!empty($button['sub_buttons']))
{
echo '
<ul class="dropdown-menu" role="menu">';
foreach ($button['sub_buttons'] as $childact => $childbutton)
{
echo '
<li>
<a href="', $childbutton['href'], '"', isset($childbutton['target']) ? ' target="' . $childbutton['target'] . '"' : '', '>
<span', isset($childbutton['is_last']) ? ' class="last"' : '', '>', !empty($modSettings['smi_enable']) ? '<img style="vertical-align: middle;" src="'. $settings['default_images_url']. '/smi/'. $childact. '.png" alt="'. $childbutton['title']. '" title="'. $childbutton['title']. '"/> ' : '', '', $childbutton['title'], !empty($childbutton['sub_buttons']) ? '...' : '', '</span>
</a>';
// 3rd level menus :)
if (!empty($childbutton['sub_buttons']))
{
echo '
<ul>';
foreach ($childbutton['sub_buttons'] as $grandchildbutton)
echo '
<li>
<a href="', $grandchildbutton['href'], '"', isset($grandchildbutton['target']) ? ' target="' . $grandchildbutton['target'] . '"' : '', '>
<span', isset($grandchildbutton['is_last']) ? ' class="last"' : '', '>', $grandchildbutton['title'], '</span>
</a>
</li>';
echo '
</ul>';
}
echo '
</li>';
}
echo '
</ul>';
}
echo '
</li>';
}
echo '
</ul>
</div>
</div>
</div>
</div>';
}
就像我之前提到的那样，我对这些东西真的没有太多了解，但我相信上面的代码构建了菜单..
任何帮助表示赞赏，如果需要，我可以提供更多代码块/链接！:)
非常感谢！