如何使用CSS定制主题的导航菜单

时间:2017-04-23 作者:Kudzai Chikomwe

我想自定义导航菜单,使其下拉菜单始终处于活动状态,我不希望它出现在悬停状态,但当活动主菜单项的页面已加载且子菜单应保持可见时。因此,当主页加载时,它的子菜单应该是可见的,就像在www.dailymail上一样。co.uk公司

有谁能帮助我使用自定义css吗

2 个回复
最合适的回答,由SO网友:Nate 整理而成

WordPress会自动为您访问的当前页面的菜单生成“当前菜单项”类。所以在这种情况下,你可以这样做-

.current-menu-item ul.sub-menu { display: block !important; }

SO网友:Mervan Agency

我们创建了一个代码笔来演示如何使用HTML/CSS/JS实现这一点。希望这对你有帮助。

https://codepen.io/mervanagency/pen/XRKxwr

相关推荐

在带有PHP的子主题中包含style.css

在里面https://codex.wordpress.org/Child_Themes 这是包含样式的最佳实践。css在子主题中,必须将下面的代码放入函数中。php的子主题,但将“父样式”替换为可以在函数中找到的父主题的参数。父主题的php。我在我的主题文件中找不到它,那里也没有多少代码。使用@import包含父主题样式表的方法不适用于我,放入文件的css不会在任何浏览器的站点上显示自己。function my_theme_enqueue_styles() { $parent_s