Здравствуйте!
Есть сайт geoexpedition.ru, шаблон fototour.
С ним есть одна проблема - при наведении на пункт в верхнем меню, выпадающее подменю появляется через раз. Например, если перейти в пункт "Обучение за рубежом", меню работать перестает. Помогает немного поменять размер окна. А, например, если перейти в "Мероприятия", меню никуда не пропадает.
Раньше вроде все работало хорошо.
В template.css добавлялось только следующее:
.green_button
{
border-color: rgba(0, 0, 0, 0.0980392) rgba(0, 0, 0, 0.0980392) rgba(0, 0, 0, 0.247059);
border-style: solid;
border-width: 1px;
cursor: pointer;
display: inline-block;
font-size: 14px;
line-height: 20px;
padding: 4px 12px;
text-shadow: rgba(0, 0, 0, 0.247059) 0px -1px 0px;
vertical-align: middle;
background-image: linear-gradient(#81d73c, #559126);
background-color: #66ae2d;
background-repeat: repeat-x;
}
.green_button_big
{
border-color: rgba(0, 0, 0, 0.0980392) rgba(0, 0, 0, 0.0980392) rgba(0, 0, 0, 0.247059);
border-style: solid;
border-width: 1px;
cursor: pointer;
display: inline-block;
line-height: 30px;
font-size: 16px;
padding: 4px 12px;
text-shadow: rgba(0, 0, 0, 0.247059) 0px -1px 0px;
vertical-align: middle;
background-image: linear-gradient(#81d73c, #81d73c);
background-color: #66ae2d;
background-repeat: repeat-x;
}
.green_button_big:hover,
.green_button:hover
{
background-image: linear-gradient(#81d73c, #81d73c);
}
.green_button_big:active,
.green_button:active
{
background-image: linear-gradient(#559126, #559126);
}
.red_button_big
{
padding: 4px 12px;
border-color: rgba(0, 0, 0, 0.0980392) rgba(0, 0, 0, 0.0980392) rgba(0, 0, 0, 0.247059);
border-style: solid;
border-width: 1px;
cursor: pointer;
display: inline-block;
color: #d7d7d7;
background-image: linear-gradient(#900, #900);
background-color: #900;
background-repeat: repeat-x;
line-height: 30px;
font-size: 16px;
font-weight: bold;
text-shadow: rgba(0, 0, 0, 0.247059) 0px -1px 0px;
vertical-align: middle;
}
.red_button_big:hover
{
background-image: linear-gradient(red, #900);
}
.red_button_big:active
{
background-image: linear-gradient(red, red);
}
.mobile_menu
{
display:none;
}
.price_corner
{
margin-left:5px;
}
.button2 {
background-color:#C2C2C2;
width:42px;
height:35px;
color:#fff;
padding-top:30px;
background-image: url('../images/heart.png');
border:none;
}
.button2:hover {background-image: url('../images/heart2.png');}
.gallery {
width:94%;
margin:0 auto;
}
.gallery input[type="radio"]
{
display: none;
}
в responsive.template.css следующее (быстрое временное решение, которое в итоге осталось. При уменьшении размера экрана до размера мобильника, в шаблоне меняется отображение меню и совсем пропадают выпадающие менюхи. Вот на замену им появляются ссылки в теле материла.):
.responsive .mobile_menu
{
display:block;
width:200px;
margin:0 auto;
}
.responsive .mobile_menu .green_button
{
width:100%;
}
Скажите, пожалуйста, как вернуть нормальное отображение выпадающего меню (без необходимости изменения размеров окна)?
25.10.2021, 09:02:50