Основной курс по Joomla
0 Пользователей и 1 Гость просматривают эту тему.
  • 5 Ответов
  • 161 Просмотров
*

grandangel1337

  • Новичок
  • *
  • 3
  • 0
Доброго времени суток.
Использую шаблон Vina Bakery II, который предусматривает адаптивный дизайн для мобильных устройств.
Столкнулся с проблемой при создании сайта: кнопка мобильного меню, которая должна появляться при просмотре на мобильных устройствах, появляется только при ширине экрана от 768px до 979px.
В quickstart'е шаблона такое не наблюдается. Пересравнивал все параметры шаблона с quickstart'ом, так и не нашёл в чём загвоздка. В документации шаблона об этом ни слова. Пробовал сам руками править .css в которых были искомые значения 768px и 979px на другие значения, но никак изменений нет. В общем, хочу сделать, чтоб было правильно как и предусмотрено шаблоном. Сам сайт: http://logo-alpha.hol.es/
Прошу вашей помощи в решении этого вопроса.
Заранее спасибо.
*

darkghost

  • Практически профи
  • *******
  • 2100
  • 94
посмотрите файл .../templates/vina_bakery_ii/css/bootstrap-responsive.min.css Вот класс кнопки
Код
.hidden-desktop { display: inherit !important; }
очевидно надо изменить цифры разрешения экрана. Может причина кроется именно здесь
*

effrit

  • Группа развития
  • *****
  • 7446
  • 815
  • effrit.com
у вас верстка такая, что при сужении экрана контейнер с кнопкой смещается вверх и её не видно становится.
можете добавить @media правило для ширины, на которой кнопка пропадает
Код
.container {
    margin-top: 48px;
}
*

grandangel1337

  • Новичок
  • *
  • 3
  • 0
effrit, при вставке в @media вашего кода, кнопка пропадает вообще, главное меню начинает масштабироваться. Либо я наверняка не туда вставляю.
darkghost, то есть к этому классу необходимо дописать доп. параметры width max/min?
*

effrit

  • Группа развития
  • *****
  • 7446
  • 815
  • effrit.com
grandangel1337, в файербаге пропишите этот отступ блоку и сузьте окно.
потом почитайте про media и сделайте все правильно.
*

grandangel1337

  • Новичок
  • *
  • 3
  • 0
effrit, понял, спасибо! Что ж, придётся зубрить учебник по CSS ибо всё не так просто как я думал.