如何使导航栏在手机上显示在同一行

Question

在移动视图中，导航都是堆叠的，而不是像桌面模板那样排成一行。

我希望菜单是水平的，就像桌面菜单一样，这样就不会占用太多空间。

/*************************************************
*   Mobile Portrait                              *
*************************************************/
body {
overflow-x: hidden;
}
img {
max-width: 100%;
height:auto;
}
iframe {
max-width: 100%;
}
@media (max-width: 480px) {
.subscribe-box .block, .container {
width: 300px;
}
}
@media only screen and (max-width: 480px) {

.subscribe-box .block,.container {
width:320px;
}
.background-slider {
height: 320px !important;
}
#top-search{display:none}
#top-social {
float: right;
position: absolute;
z-index: 999999999999999;
right: 0;
}


#navigation-wrapper {
display:none;
}

.slicknav_menu {
display:block;
}

#logo img {
max-width:320px;
height:auto;
}

Answer 1

您是否要求水平样式的菜单。

如果你要求水平菜单风格，那么你应该在谷歌上搜索Fletro菜单，你会得到很多教程。