0 Пользователей и 1 Гость просматривают эту тему.
  • 7 Ответов
  • 963 Просмотров
*

dadedu

  • Новичок
  • 5
  • 0 / 0
Здравствуйте!
Есть сайт 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%;
}

Скажите, пожалуйста, как вернуть нормальное отображение выпадающего меню (без необходимости изменения размеров окна)?
*

ShfVD

  • Давно я тут
  • 871
  • 65 / 0
У Вас меню раскрываются только на Главной, Может с настройками модуля проблемы?
За распахивание отвечает js и CSS здесь по идее не при чем.
*

dadedu

  • Новичок
  • 5
  • 0 / 0
Просто если немного подвигать границу окна, то меню снова начинает выпадать везде, где должно. 
Не понимаю, с чем это связано...
*

ShfVD

  • Давно я тут
  • 871
  • 65 / 0
Посмотрите как ведет себя при отключенном слайдере, возможно конфликт js
*

dadedu

  • Новичок
  • 5
  • 0 / 0
Простите, не очень понимаю о каком слайдере идет речь. Скажите, пожалуйста, где его найти?
*

ShfVD

  • Давно я тут
  • 871
  • 65 / 0
Картинку ниже меню принял за слайдер, простите :(
Еще такая мысль посещает, правильно ли себя ведут медиазапросы (@media) со стилями меню - учтены ли стили в
template.responsive.css,
а если нет в этом файле (отвечающим за вывод на моб. устройствах) то где.
И еще свойства нужно искать для :hover
*

dadedu

  • Новичок
  • 5
  • 0 / 0
Подскажите, пожалуйста, что это вообще может быть? По каким запросам гуглить?
*

ShfVD

  • Давно я тут
  • 871
  • 65 / 0
а не проще ли найти другой модуль меню, тем более что на мобильных он тоже не работает, подровнять его под шаблон и не париться,
к примеру http://www.joomlack.fr/en/joomla-extensions/maximenu-ck
« Последнее редактирование: 14.01.2015, 18:21:33 от ShfVD »
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

[Решено] title материалов и категорий без пунктов меню

Автор pharaoh

Ответов: 267
Просмотров: 52382
Последний ответ 25.10.2021, 09:02:50
от Gerostrat
Кнопка “Добавить в корзину” VirtueMart не работает на главной странице сайта

Автор max_max

Ответов: 0
Просмотров: 5398
Последний ответ 20.04.2021, 12:40:37
от max_max
Как добавить описание к пункту меню в Joomla 2.5? (Как у материалов)?

Автор nia

Ответов: 7
Просмотров: 4519
Последний ответ 29.03.2021, 12:10:26
от sivers
Закрыть от индексации только страницу категории

Автор DDAANN

Ответов: 5
Просмотров: 1793
Последний ответ 07.03.2021, 13:23:34
от Followme
В моб версии не откриваються норм меню

Автор umsbeauty

Ответов: 0
Просмотров: 705
Последний ответ 11.01.2021, 17:55:15
от umsbeauty