Кликабельность псевдоэлемента в пункте меню - Вопросы по CSS

   Здравствуйте. В продолжении темы по псевдоэлементам. Есть пункт меню. Он состоит из картинки (вставлена фоном), названия пункта меню и небольшое описание, которое вставлено псевдоэлементом after в этот пункт (пришлось так сделать т.к. название и описание имеют разные стили оформления). Теперь выявилась проблема, что над псевдоэлементом ссылка не кликается.
   Прошу помощи в решении этого вопроса. Возможно, псевдоэлемент - не лучший выход. Но тогда как можно вставить в пункт меню текст с еще одним оформлением?

Теперь выявилась проблема, что над псевдоэлементом ссылка не кликается.

Перепривяжите стили на псевдоэлемент ссылки, а не li.

Перепривяжите стили на псевдоэлемент ссылки, а не li.

У меня на li только фон. Еще, как вариант, попробовали поиграть с z-index. Но не получается тоже.

тогда надо смотреть что там у вас

Javascript с с псевдоэлентами не взаимодействует - это не dom.
Если это обычная ссылка/кнопка, проверяйте версту, может часть элемента не доступна. Или скрипты, preventDefault и т.п.
Не видя сайта, мы гадаем на кофейной гуще