まず、最初のCSS行にタイプミスがあります（「:」が2回書かれています）。
次に、ロゴを含む実際のリンクを対象にするようにセレクターを変更すると、次のようになります。
.d-header .title a:after {
これにより、テキストが<a>タグ内に配置され、リンクも表示されます。
このサイトでの実装方法を見ると、テキストを含む大きなロゴを使用しているようです。それはいかがでしょうか？
奇妙なことに、Robertも関連トピックで同じ質問をしましたが、返信はありませんでした 
「いいね！」 1