Горизонтальное многоуровневое меню на CSS с эффектом анимации - Joomla 3.x: Шаблоны, разметка и макеты вывода

Всем привет! У меня такой вопрос? Нашёл горизонтальное многоуровневое меню на CSS с эффектом анимации на одном сайте которое мне в принципе очень даже подходит, но беда в том, что из-за скудных пока моих знаний не могу понять, как подключить это меню. Понимаю, что сам файл CSS надо добавлять в «template.css», что в настройках модуля меню надо прописать «ID». И на этом всё, дальше не могу понять куда или вернее где надо прописать «CLASS» для списков ну итак далее. Помогите разобраться как подключить это меню, буду очень благодарен.
«https://zaurmag.ru/priyatny-e-poleznosti-dlya-sajta/gorizontal-noe-mnogourovnevoe-menyu-na-css-s-e-ffektom-animatsii.html» - это адрес страницы сайта где нашёл это меню. Там у него все файлы выложены, поэтому здесь не буду их выкладывать. Дело ещё в том, что писал не однократно самому автору этого сайта, но он как рыба молчит. Поэтому решил обратиться за помощью к вам.
За ранее спасибо!

Нужно открыть индексный файл шаблона и обернуть позицию в <div id="mainmenu"> Затем скопировать стили из примера в ваш CSS. Ну и в настройках модуля меню не забыть поставить вывод всех пунктов.