Question

我正在制作我的第一个wordpress主题。我创建了一个水平菜单，但它也显示了子菜单。我想创建一个下拉菜单，当我将鼠标放在主菜单上时，我可以看到子菜单。

这是我在Style.css中的代码：

 /*** Menu ***/

#mainmenu ul        {margin: 0px 0 0px 0px;float:left;width:100%; list-style: none;}

#mainmenu ul li     {float: left;margin: 0 0px 0 0;position: relative;}

#mainmenu a         {color: #fff; display: block;font: 14px;padding: 14px 20px;font-family: oswald; text-transform:uppercase;}

#mainmenu a:hover {background:#666;}



    /* Button Responsive Menu*/

    .btn-responsive-menu{display: none;float: right;padding:5px;cursor:pointer;margin:  -15px 20px 0 0;color: #ffffff;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);background:#333;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}

    .icon-bar           {display: block;width: 18px;height: 2px;margin:5px;background-color: #f5f5f5;-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);}



    .show{display:block!important}

我希望有人可以帮助我。谢谢！：）

Answer 1

好吧，让它变得非常简单......有一个插件可以提供你真正需要的东西＆＃34; Max Mega Menu＆＃34;您可以在菜单下编辑它，然后通过悬停等选择下拉菜单。如果你不想要额外的插件，你必须编辑几个文件并添加一些css的东西。谷歌是你的朋友。我相信这会对您有所帮助https://wordpress.org/support/topic/menu-dropdown-on-hover-and-all-parents-link

如何在wordpress主题中创建一个水平下拉菜单

1 个答案: