CS-Cart: центрируйте табличку категории верхнего меню при нажатии (горизонтальная прокрутка) И открывайте ее подменю. ⇐ CSS

[Anonymous]

Я использую CS-Cart Multi-Vendor с темой Nova. Мое главное меню заголовка (.tygh-header .ty-menu__items) прокручивается по горизонтали с помощью overflow-x:auto и display:flex.
Когда я щелкаю категорию [*], открывается подменю, но выбранный элемент не прокручивается в центр контейнера.
Я хочу, чтобы один щелчок:

• плавно прокрутил выбранный элемент до горизонтальный центр .ty-menu__items
• открыть подменю (поведение CS-Cart по умолчанию)

Как рассчитать правильную прокрутку влево и вызвать подменю, не требуя второго щелчка и не затрагивая другие меню?
Демо-ссылка: ВСТАВЬТЕ СВОЮ ССЫЛКУ ЗДЕСЬ

Браузер: iOS Safari + рабочий стол Chrome

Подробнее здесь: https://stackoverflow.com/questions/798 ... and-open-i