【问题标题】:Underscore theme submenu is now showing on mobile下划线主题子菜单现在显示在移动设备上
【发布时间】:2015-06-11 21:53:59
【问题描述】:

我正在使用 _S plus bootstrap 3 开发响应式 wordpress 主题,我的问题是我无法在移动设备上看到子菜单。 我想怎么做? 我实际上希望在使用触摸菜单时,父菜单下的子菜单是我正在工作的 URL。 http://hex-technologies.com/hex_demo/mortenpunnerud

【问题讨论】:

  • 请发布您的一些代码,以便我们提供更好的帮助。
  • @David.J Wordpress 是一个动态网站,我如何在此处发布我的所有代码?
  • 您可以向我们展示您的菜单是如何生成的,它使用的是:codex.wordpress.org/Function_Reference/wp_nav_menu 吗?或者您可以向我们展示您使用的 CSS。

标签: html wordpress css twitter-bootstrap-3 responsive-design


【解决方案1】:

尝试在您的子菜单中使用这种风格

/*For mobile submenu*/
.main-navigation ul ul {
        display:block;
        width:100%;
        float:none;
        /* position: relative; */
        top:inherit;
        box-shadow:none;
        height:auto;
        margin:0;

        background-color: #000;
}

【讨论】:

  • 我应该在基于移动的媒体查询中使用它
  • 我的错。我建议查看这个库 github.com/twittem/wp-bootstrap-navwalker 它从 wordpress wp_nav 创建引导样式菜单。您所要做的就是包含这个库并在菜单中添加几行代码。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-07-26
  • 1970-01-01
  • 2015-03-30
  • 2020-01-12
  • 2018-04-16
  • 1970-01-01
相关资源
最近更新 更多