css 在页脚上方添加第三个菜单

Posted 2021-05-13

//// Add third navigation menu

function register_additional_menu() { 
register_nav_menu( 'third-menu' ,__( 'Third Navigation Menu' ));   
}

add_action( 'init', 'register_additional_menu' );
add_action( 'genesis_before_footer', 'add_third_nav_genesis' ); 
 
function add_third_nav_genesis() {
wp_nav_menu( array( 'theme_location' => 'third-menu', 'container_class' => 'third-menu' ) );
}

/* Third Navigation ---------------- */ 
.third-menu {
    text-align: center;
	clear: both;
	color: #222;
	font-size: 14px;
	line-height: 1;
	text-transform: uppercase;
	width: 100%;
}

.third-menu .menu-item{
	display: inline-block;
	text-align: left;
}

.third-menu a{
	border: none;
	color: #222;
	display: block;
	padding: 25px 20px;
	position: relative;
}

.third-menu a:hover,
.third-menu .current-menu-item > a,
.third-menu .sub-menu .current-menu-item > a:hover{
	color: #e8554e;
}