Сначала, в самой первой строке CSS есть опечатка (двоеточие : написано дважды).
Затем, если вы измените селектор, чтобы он указывал на саму ссылку, содержащую логотип:
.d-header .title a:after {
Текст будет находиться внутри тега <a> и будет кликабельным.
Похоже, что на этом сайте используется широкий логотип, включающий текст. Как насчет того, чтобы сделать так?
Странно, что Роберт задал тот же вопрос в связанной теме, но тоже не получил ответа 