Главное Меню Разместить Под Шапкой

bergamota (09 Январь 2015 - 16:08) писал:

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">

#header .container {
border-bottom: solid 5px #ff0000;
}

.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;
}

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;}

bergamota (11 Январь 2015 - 13:15) писал:

Только почему-то меню не раскрывается по клику на "выбрать пункт меню" (если смотреть сайт со смартфона, планшета)

.menu_block_dropdown.visible_on {
display: block;
}