缩小导航菜单

【问题标题】：Make Nav Menu smaller缩小导航菜单
【发布时间】：2018-03-17 06:45:49
【问题描述】：

谁能帮我浏览以下网页的导航：104.40.188.194

当我改变高度时，它不能正常工作。

1 菜单 50 到 60 像素

2 菜单 65 像素

【问题讨论】：

不确定你的意思 - 你能指定元素吗？
导航和元导航。
Metanav 是带有邮件图标、DE、EN 的最顶部栏？
是的，这是元导航。

标签： css twitter-bootstrap less typo3-8.7.x

【解决方案1】：

.navbar 的最小高度为 70 像素 - 您需要将其减少到 60 像素。从那里，您需要：

@media (min-width: 992px){
  .navbar-transition .navbar-header-main .navbar-brand, .navbar-transition .navbar-main > li > .navbar-text, .navbar-transition .navbar-main > li > a {
    line-height: 64px;
    height: 65px;
  }
  .navbar-nav > li > a{
    padding-top: 17px;
    padding-bottom: 17px;
  }
}

【讨论】：

工作正常，最后一个问题你有一个计划为什么元导航开始在 ca 移动。 976 像素？
有一个 float: left on .navbar-nav > li 的最小宽度仅为 992px - 您需要向左浮动才能将它们全部保持在同一行，因此您可以拉动它媒体查询之外的声明。