【问题标题】:Mobile menu always open移动菜单始终打开
【发布时间】:2017-01-18 15:14:41
【问题描述】:

保持移动菜单始终打开

大家好:

我需要始终保持移动菜单打开,而不需要单击三个水平条图标。移动菜单出现在 768px 及以下。

我根据question 尝试了下面的代码。

@media (min-width: 768px)
{
.btn-navbar-header
{
    float: none;
}

.btn-navbar-toggle
{
    display: block;
}

.btn-navbar-collapse.collapse
{
    display: none !important;
}
}

但是,它不起作用。

请指教。这是Website的链接

谢谢。

【问题讨论】:

    标签: css mobile menu


    【解决方案1】:

    更改此代码

    <div style="height: auto;" id="header-responsive-inner" class="responsive-links nav-collapse in collapse">
    

    变成这样

    <div style="height: auto;" id="header-responsive-inner">
    

    我只是删除了这个:

    class="responsive-links nav-collapse in collapse"
    

    您可以编辑与上述代码相关的 javascript。

    参考:image

    【讨论】:

    • 致@dhanyn10,你的想法很棒;我使用了“collapse in”而不是“responsive-links nav-collapse collapse”,并且我设法让菜单一直打开;但我不得不隐藏导航器图标,因为它退出了切换功能。仍在寻找更好的解决方案。谢谢
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2021-10-07
    • 1970-01-01
    • 1970-01-01
    • 2015-07-10
    • 2016-01-27
    • 1970-01-01
    • 2021-09-19
    相关资源
    最近更新 更多