如何编辑 mx-fluity navbar 代码来制作多级下拉菜单？

Question

我不是网页设计师，我不太了解 CSS 代码。 what to edit in the famous mx-fluity blogger template to produce (multi-level) menu on both PC browser and mobile browser with the same style. 在著名的 mx-fluity 博客模板中编辑什么，以在 PC 浏览器和移动浏览器上生成具有相同样式的（多级）菜单。提前致谢。

Answer 1

如果我没理解错的话，您不希望菜单切换到 "mobile menu"（下拉菜单）。还是您希望导航始终是全角下拉菜单？

如果您希望导航尽可能长时间保持在桌面上，您需要查看媒体查询。

你会在某个地方找到：

@media only screen and (max-width: 767px)

寻找名为：#navinti 和 #mobilenav

的选择器

你需要防止#navinti被隐藏，同时禁用#mobilenav

它们目前看起来有点像：

#navinti {
   float: none;
   ...
}

#mobilenav {
   display: block;
   ...
}

设置为：

#navinti {
   float: left;
   ...
   ...
}

#mobilenav {
   display: none; /* You might have to add an !important to this */
   ...
}

在#navinti 擦除：

背景色 -moz-box-阴影 -webkit-box-阴影盒子阴影

如果您的导航不比模板上的导航宽，您应该将其降低到 500 像素（宽度），从那里您可以麻烦地说出 460 像素宽度的填充和边距...除非您的导航只有 2 或 3 个点，您不太可能将其挤到手机屏幕上。

如何编辑 mx-fluity navbar 代码来制作多级下拉菜单？

how to edit mx-fluity navbar code to make multi-level dropdown menus?

html

css

blogger