fbpx

Using the CSS language class to change logo per language

Questions & AnswersCategory: QuestionsUsing the CSS language class to change logo per language
Dr. Rafael Cámara asked 9 months ago

Hi Dave, I tried it and it works on Google Chrome and Samsung Internet but it fails to work on Firefox and Microsoft Edge. Kindly have a look on http://www.medscoops.com. Regards Rafael

Dave Hilditch Staff replied 9 months ago

Hi – can you please elaborate?

1. Which logo am I looking at?
2. Which CSS did you use?

1 Answers
medscoops answered 9 months ago
  1. Currently, the English, French, and Spanish Logo have two snakes and a blue flag, and the German logo has one snake, an orange flag and an orange background on the left upper corner. Soon, the flags will reflect the chosen language.

  2. I first used this:

    .mllanguage1 .logo-image img {

    content:url("https://static1.squarespace.com/static/5cf3c7be3ec7de0001f2cb61/t/5d60e89a78d96e000180d340/1566632091387/Goldenes+Logo+Rechnung.png");

    }

Then this:

.mllanguage1 #headerWrapper #logo .logo-image img {

content:url("https://static1.squarespace.com/static/5cf3c7be3ec7de0001f2cb61/t/5d60e89a78d96e000180d340/1566632091387/Goldenes+Logo+Rechnung.png");

}

Both CSS have the same result: They work on smartphones but fail on other computers. In Microsoft Edge and Firefox, nothing happens. In Google Chrome, they works on smartphones but show no German logo at all on other computers.

Thanks for helping.

Woofybot
Ask our bot anything

We use cookies

We use cookies for various things on our site, including our on-site chat bubble (if you use it), our comment forms (if you use them) and for session handling (if you log in).

Other than that, we use cookies to identify where traffic came from to help us understand which traffic turns into sales, we use a cookie for Google Analytics traffic analysis and we use a cookie to customise adverts for our own products we think you'll be interested in.

You can read more detail in our privacy policy page. Please click 'Accept' or 'Decline' to continue.