Сделать второе меню для темы ColorMag
Добавлено: 12 сен 2018, 22:51
Подскажите пожалуйста как сделать второе меню для это стиля https://wordpress.org/themes/colormag/ над шапкой?
Конференция о раскрутке и оптимизации форумов.
https://cabinetadmina.ru/
functions.php
найти:
Код: Выделить всё
register_nav_menu( 'primary', __( 'Primary Menu', 'colormag' ) );
Код: Выделить всё
register_nav_menus( array(
'primary' => __( 'Primary Menu', 'colormag' ),
'header_menu' => 'Меню над шапкой',
));
header.php
после:
Код: Выделить всё
<div id="page" class="hfeed site">
Код: Выделить всё
<?php wp_nav_menu( array( 'theme_location' => 'header_menu', 'menu_class' => 'nav-menu' ) ); ?>
Тут я ничего не понял, тут надо видеть что там что перекрывает.
Код: Выделить всё
<?php wp_nav_menu( array( 'theme_location' => 'header_menu', 'container_class' => 'menu-primary-container', 'items_wrap' => '<ul id="%1$s" class="%2$s">%3$s</ul>' ) ); ?>
Код: Выделить всё
<nav id="site-navigation" class="main-navigation clearfix" role="navigation">
<div class="inner-wrap clearfix">
<?php wp_nav_menu( array( 'theme_location' => 'header_menu', 'container_class' => 'menu-primary-container', 'items_wrap' => '<ul id="%1$s" class="%2$s">%3$s</ul>' ) ); ?>
</div>
</nav>
Код: Выделить всё
<header id="masthead" class="site-header clearfix">
Код: Выделить всё
<nav id="site-navigation-top" class="main-navigation clearfix" role="navigation">
<div class="inner-wrap clearfix">
<h4 class="menu-toggle"></h4><?php wp_nav_menu( array( 'theme_location' => 'header_menu', 'container_class' => 'menu-primary-container', 'items_wrap' => '<ul id="%1$s" class="%2$s">%3$s</ul>' ) ); ?>
</div>
</nav>
Код: Выделить всё
#site-navigation {
box-shadow: 0 0 2px rgba(0, 0, 0, 0.1) inset;
position: relative;
background-color: #232323;
border-top: 4px solid #289dcc;
}
#site-navigation .inner-wrap {
position: relative;
}
Код: Выделить всё
#site-navigation, #site-navigation-top {
box-shadow: 0 0 2px rgba(0, 0, 0, 0.1) inset;
position: relative;
background-color: #232323;
border-top: 4px solid #289dcc;
}
#site-navigation .inner-wrap, #site-navigation-top .inner-wrap {
position: relative;
}
Код: Выделить всё
#site-navigation {
z-index: 999;
}
Код: Выделить всё
#site-navigation, #site-navigation-top {
z-index: 999;
}
Код: Выделить всё
( function() {
var container, button, menu;
container = document.getElementById( 'site-navigation-top' );
if ( ! container ) {
return;
}
button = container.getElementsByTagName( 'h4' )[0];
if ( 'undefined' === typeof button ) {
return;
}
menu = container.getElementsByTagName( 'ul' )[0];
// Hide menu toggle button if menu is empty and return early.
if ( 'undefined' === typeof menu ) {
button.style.display = 'none';
return;
}
if ( -1 === menu.className.indexOf( 'nav-menu' ) ) {
menu.className += 'nav-menu';
}
button.onclick = function() {
if ( -1 !== container.className.indexOf( 'main-small-navigation' ) ) {
container.className = container.className.replace( 'main-small-navigation', 'main-navigation' );
} else {
container.className = container.className.replace( 'main-navigation', 'main-small-navigation' );
}
};
} )();
functions.php
из третьего сообщения.Код: Выделить всё
<h4 class="menu-toggle"></h4>
.site-header .menu-toggle:before
поменять display: block;
на:
Код: Выделить всё
display: inline-block;
vertical-align: middle;