Hi, I'm hoping someone can point out what I might have wrong in my CSS, or whether this is the only way it'll work using the following code. I wanted to use an arrow, which works fine on desktop (first image). However, when viewing mobile the arrow changes to a rather ugly version of an arrow (second image)! Is there a way I can use the desktop version also when viewing mobile?
Image 1:
Image 2:
Thanks for any help.
CSS:
.breadcrumb-nav:before {
content: "\2190";
}
Image 1:

Image 2:

Thanks for any help.