Самое верхнее меню

Подскажите, пожалуйста, как я могу создать дополнительное меню в самом верху, но которое не будет видно в мобильной версии. Может плагин, который будет совместим с темой.

Здравствуйте, не думаю что есть лёгкий способ это сделать, к сожалению.

Вполне вероятно что это возможно с помощью какого-нибудь плагина, но я не делал такого ранее и не смогу вам здесь посоветовать что-то дельное.

Можете взглянуть на эту подборку, возможно что-то подойдёт:

С уважением, Роман.

Роман, здравствуйте! Я это все перепробовал. я просто хотел добавить в шапку сайта (в стики меню) дополнительное, как бы выше.
Вот это добавляет, но только в левый край, пробовал выправить стилями - не получается сдвинуть в середину и уменьшить шрифт ( даже с помощью плагина)
/* регистрация своего меню */
function register_my_menu() {
register_nav_menu( ‘primary’, __( ‘Верхнее меню’) );
register_nav_menu( ‘secondary’, __( ‘Нижнее меню’) );
}
add_action( ‘init’, ‘register_my_menu’ );

<?php wp_nav_menu( array( 'container' => 'none', 'menu_class' => 'nav1', 'theme_location' => 'primary' ) ); ?>

здесь менял

/* =NAVIGATION
----------------------------------------------- /
nav li > ul,
nav li > ol {
margin: 0;
list-style: none;
}
.main-navigation {
width: 100%;
background-color: #FFFFFF;
}
.main-navigation li {
float: left;
position: relative;
font-family: ‘Roboto’, sans-serif;
font-weight: 300;
}
.main-navigation a {
color: #444444;
display: block;
float: left;
font-size: 16px;
padding: 12px 16px;
}
.main-navigation li.default-menu,
li.default-menu {
display: none;
}
.main-navigation a:hover,
.main-navigation ul li.current-menu-item a,
.main-navigation ul li.current_page_ancestor a,
.main-navigation ul li.current-menu-ancestor a,
.main-navigation ul li.current_page_item a,
.main-navigation ul li:hover > a {
color: #FFFFFF;
background-color: #77CC6D;
}
/
=DROP DOWN
----------------------------------------------- */
.main-navigation ul li ul,
.main-navigation ul li:hover ul ul,
.main-navigation ul ul li:hover ul ul,
.main-navigation ul ul ul li:hover ul ul,
.main-navigation ul ul ul ul li:hover ul ul {
display:none;
z-index: 100;
border-left: 1px solid #F8F8F8;
border-right: 1px solid #F8F8F8;
border-bottom: 1px solid #F8F8F8;
margin-left: -1px;
}
.main-navigation ul li:hover ul,
.main-navigation ul ul li:hover ul,
.main-navigation ul ul ul li:hover ul,
.main-navigation ul ul ul ul li:hover ul,
.main-navigation ul ul ul ul ul li:hover ul {
display:block;
}
.main-navigation ul li ul {
position: absolute;
width: 200px;
top: 44px;
}
.main-navigation ul li ul li {
float: none;
border-bottom: 1px solid #F8F8F8;
}
.main-navigation ul li ul li:last-child {
float: none;
border-bottom: none;
}
.main-navigation ul li ul li a,
.main-navigation ul li.current-menu-item ul li a,
.main-navigation ul li ul li.current-menu-item a,
.main-navigation ul li.current_page_ancestor ul li a,
.main-navigation ul li.current-menu-ancestor ul li a,
.main-navigation ul li.current_page_item ul li a {
float: none;
font-size: 14px;
font-weight: 300;
height: 100%;
padding: 8px 14px;
color: #444444;
background-color: #FFFFFF;
}
.main-navigation ul li ul li a:hover,
.main-navigation ul li ul li:hover > a,
.main-navigation ul li.current-menu-item ul li a:hover {
color: #FFFFFF;
background-color: #77CC6D;
}
.main-navigation ul li ul li ul {
left: 200px;
top: 0;
}
.main-navigation select {
display: none;
}

Другое решение только в вертикально и опять левый край.

http://mnogoblog.ru/kak-sozdat-i-vyvesti-menyu-v-wordpress-eto-prosto-s-funkciej-wp_nav_menu

И ни одно не видно в мобильной версии.

Да, думаю над этим надо некоторое время потрудиться.

Но это уже выходит за рамки нашей поддержки, к сожалению.

С уважением, Роман.

1 Like

Понял. Но все равно… Спасибо!

1 Like