YOO Avenue - февральский шаблон с классическим дизайном, navbar-меню и логотипом, что делает его более классическим, как в шаблонах на Warp 5 или 6, но построен на современных технологиях, таких как полная UIkit и Warp 7 поддержка. Разные темы оформления, стили, включая простой цвет фона и отличная фоновая графика. Кроме того, вы можете выбрать специальный стиль, который можно включать и выключать. YOO Avenue основывается на Warp 7 и обеспечивает полную поддержку LESS. Front-end полностью построен с UIkit и может быть изменен с помощью Настройщика шаблона в панели администратора. Вы можете изменить цвета, отступы, шрифты, не требуя написания ни единой строки кода, YOO Avenue уже предлагает 8 различных вариантов стилей на выбор Демо шаблона Avenue
Интересно, а кто-то пробовал его адаптировать под мобильные устройчтва? На демо в мобильном (360 x 640) не отображается верхнее меню (его вообще нет). Я так понимаю некоторые позиции просто не отображаются в мобильных устройствах. Почему?
Интересно, почему-то перестали работать настройки менеджера материалов, а именно избранных: главная страница застыла на веки вечные, никак не реагируя на прописанное кол-во столбцов и пр. (1 матер на всю ширину, ост. на 3 колонки). Чистка кэша картину не меняет...
Касательно этого шаблона - всё расписано в демо-паке на этой странице открываете в редакторе исходный код и копируете что нужно (выпадающий, всплывающий, off-canvas)
В общем ситуация такая, нужно ограничить минимальную ширину контента до 680px, то есть сайт должен выглядеть не зависимо от разрешения экрана, в ширину не менее чем 680px. Используется адаптивный дизайн. Ни как не могу разобраться, с Английским не в ладах, официально в поддержку запрос подать не могу, так как покупал шаблон через партнёра. Помогите разобраться кто шарит в шаблонах YOOtheme и адаптивном дизайне.
Зайдите в кастомайзер шаблона, выглядит он вот так Ставите галочку в Advanced Mode Находите директиву Breakpoints и ставите везде нужный размер
Но это не ограничивает сужение окна браузера, мне нужно, чтобы независимо от разрешения экрана мобильного устройства, окно браузера не сужалось менее чем 650px. Как я понял средствами настройки шаблона не обойтись, тут нужно задействовать viewport, но в нём нельзя установить минимальное значение width, только фиксированное: https://developers.google.com/speed/docs/insights/ConfigureViewport?hl=ru Есть такой выход, но с использование скрипта: Добавляем между тегов head код meta: Код: <meta name="viewport" content="width=device-width" id="viewportVal"> Далее добавляем скрипт: PHP: <script> window.onload = function () { if(screen.width <= 680) { var vp = document.getElementById('viewportVal'); vp.setAttribute('content','width=680'); } } </script>
admin_forum, подскажите как в данном шаблоне реализовать плавное "липкое" горизонтальное меню, которое бы крепилось к верхней части страницы при прокрутке контента? в theme.css нашел строку .uk-navbar дописал position: fixed; и меню замерло на месте, но не знаю как его плавно поднять наверх. ****** нашел простое решение: было <div class="tm-top-block tm-grid-block" > стало <div class="tm-top-block tm-grid-block" data-spy="affix" data-offset-top="190"> и в стилях дописал .affix { position: fixed; top: 0; z-index: 10000; width: 100% !important; } кому надо, вместо 100% пишите свою ширину
Новый вопрос. Если смотреть макет сайта, то видим что sidebar layouts (sidebar-a и sidebar-b) можно ставить оба слева, оба справа и раздельно по сторонам. У меня они оба выстраиваются по правой стороне на главной странице, как их разделить на левую и правую от контента ? Если перейти к чтению какого-нибудь материала они перескакивают в нужные мне позиции, а это уже некрасиво.
