First, there’s is kind of a typo on the very first CSS line (:
written twice).
Then, if you change the selector to target the actual link that contains the logo:
.d-header .title a:after {
Then the text will be contained in the <a>
tag and have the link as well.
It looks like the way that this is done on this site is to have a wide logo that includes the text. How about doing that?
Weirdly, Robert asked the same question i the linked topic and had no reply either