Как сделать перемещение меню при просмотре на смартфоне? - Joomla 2.5: Общие вопросы

добрый день.
нужно, чтобы при просмотре сайта со смартфона горизонтальное меню с выпадающими пунктами перемещалось на самый верх сайта и ставало не горизонтальным уже, а аккордионом.
1 правильно ли я понимаю достаточно будет, чтобы оно перемещалось при разрешении экрана менее определенной ширины?
2 в различных шаблонах видела, что в CSS как-то было задано на определенное разрешение экрана свои правилами, а как самой так сделать не понимаю.
спасибо!

на мой шарик нажмите))) да не, который под автаркой, зеленый))))