От таке рішення працює в хромі і лисиці і у всіх похідних. Думаю, в сучасному ІЄ теж працює. А на старіших версіях - забий.
stackoverflow.com/a/32610675/518704
#menusys_mega
{
display: table;
margin: 0 auto;
}
Щоби вирівняти блок по ширині треба задати йому теж ширину фіксовану чи у відсотках. Коли ж в тебе ширина блока з меню невідома, то і вирівняти по сентру його без JS майже неможливо. Ну окрім цього відносно нового підходу з display: table;
В який файл писати - не знаю. У шаблона в мануалці нема про це
www.leotheme.com/guides/joomla/leo-gift/
Файла з назвою custom я не бачу. Правити файл CSS шаблона - буде затерто наступними оновленнями шаблона. А рано чи пізно вони знадобляться.
Тому наступне питання - як врізати в сайт користувацький CSS
Я би встановив плагін звідси
gruz.ml/en/extensions/gjheadtag.html
І або в нашалтуваннях додав би код:
<style>
.menusys_mega #menusys_mega
{
display: table;
margin: 0 auto;
}
</style>
Або додав би в налаштуваннях файл
<link rel="stylesheet" href="magicballoon.com.ua/templates/leo_gifts/css/custom.css"; type="text/css"/>
А потім би створив відповідний файл і код CSS поставив би в нього (без <style> і </style>)
