CODEWITHSUNDEEP
htmlcsspseudo-element
Iurie
Iurie

Reputation: 2248

CSS content with the before selector in mobile browsers not displayed

I added a content before the site title with the ::before selector. The content is seen / displayed in the desktop browsers, but not in mobile browsers (at least in Google Chrome and in the default browser on my Android smartphone). Why this happens and how it can be solved?

.site-title a::before {
    color: firebrick;
    content: "Ψ ";
}

The site in discussion is psihoterapeut.md

Upvotes: 0

Views: 799

Answers (1)

dippas
dippas

Reputation: 60573

I would use the Unicode character instead: 03a8 (Greek capital letter PSI) or 03c8 (Greek small letter PSI)

and the problem looks like the font, you are using cursive, try to remove that font.

div::before {
 color: firebrick;
 content: "\03a8"
}
<div>test</div>

Upvotes: 2

Related Questions