Адаптивный дизай или мобильная версия?

Всем привет! Посоветуйте, каким способом лучше оптимизировать сайт под мобильные устройства: с помощью адаптивного дизайна или сделать отдельную мобильную версию?

Адаптивный дизайн лучше. Под мобильную версию - прошлый век.

Адаптивный дизайн

В ходе работы над адаптивной версией столкнулся со следующей проблемой - нигде не могу найти пример вертикального адаптивного выпадающего меню. То есть, образцов горизонтального выпадающего адаптивного меню очень много, а вертикального нет. В чем проблема с его созданием? Подскажите, или дайте пример.

А если сайт сложный или дизайн накрученный. Тут наверно выход только мобильная версия

Нашел то, что мне нужно, здесь - http://www.smartmenus.org/.
Теперь возникла другая проблема. При подключении fancybox меню перестает работать.

Вот код подключения меню:
<script src="js/jquery.js"></script>
<script src="js/collapse.js"></script>
<!-- jQuery -->
<script type="text/javascript" src="js/jquery-loader.js"></script>
<!-- SmartMenus jQuery plugin -->
<script type="text/javascript" src="js/jquery.smartmenus.js"></script>
<!-- SmartMenus jQuery init -->
<script type="text/javascript">
$(function() {
$('#main-menu').smartmenus({
mainMenuSubOffsetX: 1,
mainMenuSubOffsetY: -8,
subMenusSubOffsetX: 1,
subMenusSubOffsetY: -8
});
});
</script>

А вот код подключения fancybox:

<script type="text/javascript" src="video/fancybox/jquery-1.5.min.js"></script>
<script type="text/javascript" src="video/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript" src="video/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" type="text/css" href="video/fancybox/jquery.fancybox-1.3.4.css" media="screen" />

<script type="text/javascript">
$(document).ready(function(){
$("a.foto").fancybox({
'transitionIn' :'elastic',
'transitionOut' :'elastic',
'speedIn' :1000,
'speedOut' :1000
});
});
</script>

Когда отключаю jquery-1.5.min.js в коде fancybox, меню работает, а fancybox - нет. Посоветуйте, как устранить эту неполадку?

Скорее всего проблема в том, что версия jquery, которая подключается в меню не совместима с fancybox. Посмотрите что браузер выводит в консоль (F12).

Скачал и установил fancybox2 и проблема ушла. Старый fancybox не работал с новыми версиями jquery.

как сделать, чтоб при просмотре сайта через смартфон, либо при уменьшении размера окна, не пропадали левый и правый блоки сайта? Когда открываю сайт на мольном пропадает часть сайта и кнопки меню меню прячутся под одной кнопкой: "показать меню". Сайт стоит на движке DLE шаблон "Вестник".

У вас там bootstrap стили подключены, да?)

Мобильную версию не советую делать. Это сейчас действительно не актуально.
Адаптивная всегда есть и будет в актуале и удобнее всего.

Адаптивный лучше, но главное не перегружай сайт яваскриптом, на lowend устройствах будет лагать. Если хочешь всякие красивости, то сделай чтоб они включались и подгружались только в десктопной версии.

Так или иначе мобильная версия зайдет на рынок полноценно, вытеснив адаптивный дизайн. Вопрос времени. Поэтому я за мобильную версию

Чет мнения сильно разделились.

Так этож 14-15 год, сейчас мнение думаю будет однозначное, мобильная версия в соответствии с АМР стандартом.