Wrong language indication.

Hi,

I see the following CSS code in your main.css file:

.language-selector a:not(:nth-child(2)) {
  opacity: 0.5 !important;
}

.language-selector a:nth-child(2) {
  opacity: 1 !important;
}

By default we apply gt-current-lang class to the selected language, which makes it bold by this CSS rule: .gt-current-lang {font-weight:bold}

So if you want to customize the selector you better use gt-current-lang class CSS selector instead of nth-child which is obviously wrong.

I believe you can use something like this instead:

.glink {opacity:0.5}
.gt-current-lang {opacity:1!important}

Thanks! 🙂

• This reply was modified 3 years, 1 month ago by edo888.

Hi,

Please remove all the customizations you have done and then apply the proposed solution.

Currently I see that you still have wrong CSS customizations, for example:

.translated-ltr .language-selector a:first-child {
    opacity: 1 !important;
}

Thanks! 🙂

• This reply was modified 3 years ago by edo888.