Закрепить меню наверху страницы

F
На сайте с 03.12.2008
Offline
73
1071

Добрый день! Помогите пожалуйста решить проблему. Есть сайт на WP. Необходимо закрепить меню вверху страницы. Пробовал различные коды не помогло. Возможно вы сможете мне помочь. Вот код, в файле header.php отвечающий за вывод горизонтального меню:

		<div class="navigation">


<div class="section-inner">

<ul class="main-menu">

<?php if ( has_nav_menu( 'primary' ) ) {

wp_nav_menu( array(
'container' => '',
'items_wrap' => '%3$s',
'theme_location' => 'primary',
'depth' => 2

) ); } else {
wp_list_pages( array(

'container' => '',
'title_li' => ''

));

} ?>

<li class="header-search">
<form method="get" class="search-form" id="search-form" action="<?php echo esc_url( home_url( '/' ) ); ?>">
<input type="search" class="search-field" name="s" placeholder="<?php _e('Search Form','hitchcock'); ?>" />
<a class="search-button" onclick="document.getElementById('search-form').submit(); return false;"><div class="fa fw fa-search"></div></a>
</form>
</li>

</ul>

<div class="clear"></div>

</div> <!-- /section-inner -->

<div class="nav-toggle">

<div class="bars">
<div class="bar"></div>
<div class="bar"></div>
<div class="bar"></div>
</div>

</div> <!-- /nav-toggle -->

Как мне закрепить это меню и добавить иконку "домой"? Заранее спасибо за помощь!

http://show63.ru (http://show63.ru) - самара: аренда звука и света, сцена, светодиодного экрана. Аренда стульев, столов в Самаре и в Самарской области.
дани мапов
На сайте с 06.09.2012
Offline
204
#1

fixed http://htmlbook.ru/css/position пробовали использовать?

Написание и доработка скриптов (PHP, MySQL, JavaScript, jQuery) (/ru/forum/811046)
F
На сайте с 03.12.2008
Offline
73
#2

Пробывал. Как раз с fixed и начал. Но как-то не получается пока.

Ragnarok
На сайте с 25.06.2010
Offline
226
#3

filrussia, гуглите решение на jquery, "sticky menu jquery" или типа того

//TODO: перестать откладывать на потом
F
На сайте с 03.12.2008
Offline
73
#4

Тему можно считать закрытой! Огромное спасибо Desesperada за помощь!

Вот нужно было добавить в 211 строку style.css:

211 строка, добавить это

.navigation {

background: #1d1d1d;

position: fixed;

top: 0px;

z-index: 10;

width: 100%;

}

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий