如何解决将子菜单添加到以前制作的CSS菜单
我的网站上的子菜单存在问题。 CSS和HTML在任何地方都没有,我正在尝试添加它,但不确定确切的位置。我的另一个担心是,它与已经在样式方面写的完全不同,我不确定它是否会弄乱一切。
有人知道如何解决此问题吗? 非常感谢 Glo
菜单的CSS:
.nav {
font-size: 12px;
letter-spacing: 0;
text-transform: uppercase;
}
.nav ul {
margin: 0;
padding: 0;
list-style: none;
}
.navigation:before,.navigation:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.navigation:after {
clear: both;
}
.navigation li {
position: relative;
z-index: 1000;
}
.navigation > li {
float: left;
}
.navigation ul {
position: absolute;
z-index: 300;
top: -999em;
}
.navigation li:hover > ul,.navigation .sfHover > ul {
top: 34px;
}
.navigation li li:hover > ul,.navigation li .sfHover > ul {
top: -2px;
left: 100%;
}
.navigation li li li:hover > ul,.navigation li li .sfHover > ul {
top: 0;
left: 100%;
}
.navigation a,.navigation .navigation a:visited {
display: block;
white-space: nowrap;
}
.navigation a {
/* Global Menu Link Styles */
}
.navigation a:hover,.navigation .sfHover > a {
text-decoration: none;
/* First Level & Global Menu Link Hover Styles */
}
.navigation > li > a {
/* First Level Menu Link Styles */
margin-right: 30px;
}
.navigation > li:nth-last-child(1) > a {
margin-right: 0;
}
.navigation > li ul a {
background: #fff;
padding: 8px;
margin-bottom: 1px;
letter-spacing: 1px;
font-size: 10px;
/* All Other Menu Level Link Styles */
}
.navigation > li ul a:hover,.navigation > li ul .sfHover > a {
background: #ebebeb;
color: #161616;
/* All Other Level Menu Link Hover Styles */
}
.navigation > li > a:hover,.navigation > li.current-menu-item > a,.navigation > li.sfHover > a,.navigation > li.sfHover > a:active {
color: #F80683;
菜单的HTML:
* Image sizes.
*/
add_image_size( 'olsen_light_square',200,true );
/*
* Navigation menus.
*/
register_nav_menus( array(
'main_menu' => esc_html__( 'Main Menu','olsen-light' ),'footer_menu' => esc_html__( 'Footer Menu',) );
/*
* Default hooks
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。