1
Главное Меню Разместить Под Шапкой
Автор bergamota, 09 янв. 2015 16:08
Сообщений в теме: 9
#1
Отправлено 09 Январь 2015 - 16:08
Добрый день!
Как разместить главное меню сайта под шапкой, без ущерба для адаптивной верстки?
Аккаунт b65899.
Как разместить главное меню сайта под шапкой, без ущерба для адаптивной верстки?
Аккаунт b65899.
#3
Отправлено 09 Январь 2015 - 17:45
#4
Отправлено 09 Январь 2015 - 18:01
bergamota (09 Январь 2015 - 17:45) писал:
<div class="nav-container"> <div id="menu_block_head"> <div class="nav_block_head_field">Выберите пункт меню...</div> <span class="menu_block_head_button"> </span> <div class="clear"></div> </div> <!-- Верхний блок навигации --> <div class="menu_block_dropdown"> <div class="et_categ_box"> <div id="et_categ_box_scroll"> <div class="img_link_wrapper"><a class="image-link" href="http://{NET_DOMAIN}/"></a></div> {% FOR menu %} {% FOR header %} {% FOR links %} <div class="cat-name"><a href="{menu.header.links.URL}" class="main_category {% IF menu.header.links.SELECTED %}selected{%ENDIF%}" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></div> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </div> </div> </div> <!-- end Верхний блок навигации --> </div>и переместите его вставив после
<div class="container promo_block">Далее в style.css найдите код и удалите
#header .container { border-bottom: solid 5px #ff0000; }
После в style.css найдите
.nav-container { background: #000000; margin-bottom: 0px; position: relative; display: block; float: left; bottom: 0; width: 100%; }и замените на
.nav-container { background: #000000; margin-bottom: 0px; position: relative; display: block; float: left; bottom: 0; width: 100%; border-bottom: solid 5px #ff0000; }
#5
Отправлено 09 Январь 2015 - 19:20
Спасибо!
А что надо сделать, чтобы при открытии сайта на планшете меню отображалось как раньше?
Вот так:
А что надо сделать, чтобы при открытии сайта на планшете меню отображалось как раньше?
Вот так:
#6
Отправлено 10 Январь 2015 - 10:40
bergamota (09 Январь 2015 - 19:20) писал:
Спасибо!
А что надо сделать, чтобы при открытии сайта на планшете меню отображалось как раньше?
Вот так:
А что надо сделать, чтобы при открытии сайта на планшете меню отображалось как раньше?
Вот так:
#header .nav-container{text-align:left;background: none;margin-top: 75px} #header .nav-container #menu_block_head{display: block;margin-top: 10px;} #header .nav-container .nav_block_head_field{width: 420px;padding-left:10px;background-color: #000000;float:left;height:36px;color: #fff;outline: none;text-decoration: none;line-height:36px;cursor:pointer} #header .nav-container .menu_block_head_button{background: url('http://s35510.storeland.net/select-icons1.png?design=movement') 10px 15px no-repeat #000;display: block;float:left;height: 36px;outline: none;width: 30px;cursor:pointer} #header .nav-container .menu_block_dropdown{background-color: #000;list-style: none;margin: 0;padding: 15px 0 0 0;width: 460px;display:none;position:absolute;top:36px;left:0;z-index:99999;} #header .nav-container .menu_block_dropdown .et_categ_box{padding:0 10px 20px} #header .nav-container .menu_block_dropdown .cat-name{float:none;display:block;border:none} #header .nav-container .menu_block_dropdown .et_categ_box a {display: block;outline: none;height:auto;color: #fff;text-decoration: none;text-transform:none;font-size:12px;float:none;padding:6px 0 6px 10px;border-bottom: dotted 1px #515151;line-height: 18px;font-weight:bold} #header .nav-container .visible_on{display: block} #header .cat-name, .sub-cat-name, .subsub-cat-name{float: none;} #header .nav-container .menu_block_dropdown .et_categ_box .sub-cat-name a, #header .nav-container .menu_block_dropdown .et_categ_box .subsub-cat-name a{color: #fff !important;font-weight: normal;} #header .nav-container .menu_block_dropdown .et_categ_box .sub-cat-name a:hover, #header .nav-container .menu_block_dropdown .et_categ_box .subsub-cat-name a:hover{text-decoration: underline} #header .nav-container .menu_block_dropdown .et_categ_box .cat-name a{border: none} #header .nav-container .menu_block_dropdown .et_categ_box a:hover{border: none;background-color:#FF0000;color: #fff !important;} .home .promo_block {margin-bottom: 10px;}
замените на
.nav-container{text-align:left;background: none;margin-top: 75px} .nav-container #menu_block_head{display: block;margin-top: 10px;} .nav-container .nav_block_head_field{width: 420px;padding-left:10px;background-color: #000000;float:left;height:36px;color: #fff;outline: none;text-decoration: none;line-height:36px;cursor:pointer} .nav-container .menu_block_head_button{background: url('http://s35510.storeland.net/select-icons1.png?design=movement') 10px 15px no-repeat #000;display: block;float:left;height: 36px;outline: none;width: 30px;cursor:pointer} .nav-container .menu_block_dropdown{background-color: #000;list-style: none;margin: 0;padding: 15px 0 0 0;width: 460px;display:none;position:absolute;top:36px;left:0;z-index:99999;} .nav-container .menu_block_dropdown .et_categ_box{padding:0 10px 20px} .nav-container .menu_block_dropdown .cat-name{float:none;display:block;border:none} .nav-container .menu_block_dropdown .et_categ_box a {display: block;outline: none;height:auto;color: #fff;text-decoration: none;text-transform:none;font-size:12px;float:none;padding:6px 0 6px 10px;border-bottom: dotted 1px #515151;line-height: 18px;font-weight:bold} .nav-container .visible_on{display: block} #header .cat-name, .sub-cat-name, .subsub-cat-name{float: none;} .nav-container .menu_block_dropdown .et_categ_box .sub-cat-name a, .nav-container .menu_block_dropdown .et_categ_box .subsub-cat-name a{color: #fff !important;font-weight: normal;} .nav-container .menu_block_dropdown .et_categ_box .sub-cat-name a:hover, .nav-container .menu_block_dropdown .et_categ_box .subsub-cat-name a:hover{text-decoration: underline} .nav-container .menu_block_dropdown .et_categ_box .cat-name a{border: none} .nav-container .menu_block_dropdown .et_categ_box a:hover{border: none;background-color:#FF0000;color: #fff !important;}
#7
Отправлено 10 Январь 2015 - 13:41
Спасибо большое!
#8
Отправлено 11 Январь 2015 - 13:15
Только почему-то меню не раскрывается по клику на "выбрать пункт меню" (если смотреть сайт со смартфона, планшета)
#10
Отправлено 13 Январь 2015 - 13:54
Спасибо, теперь работает!
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных