Language switcher block is different on remote site I'm working on a multilingual site and on my local version of the site I added the default language switcher. It show like this:
&lt;div class=&quot;language-switcher-language-url block block-language block-language-blocklanguage-content&quot; id=&quot;block-languageswitchercontent&quot; role=&quot;navigation&quot;&gt;
        &lt;div class=&quot;content&quot;&gt;
            &lt;ul class=&quot;links&quot;&gt;
                &lt;li class=&quot;en is-active&quot; data-drupal-link-system-path=&quot;&amp;lt;front&amp;gt;&quot;&gt;
                    &lt;a class=&quot;language-link is-active&quot; data-drupal-link-system-path=&quot;&amp;lt;front&amp;gt;&quot; href=&quot;/&quot; hreflang=&quot;en&quot;&gt;English&lt;/a&gt;
                &lt;/li&gt;
                &lt;li class=&quot;fr&quot; data-drupal-link-system-path=&quot;&amp;lt;front&amp;gt;&quot;&gt;
                    &lt;a class=&quot;language-link&quot; data-drupal-link-system-path=&quot;&amp;lt;front&amp;gt;&quot; href=&quot;/fr/a-propos&quot; hreflang=&quot;fr&quot;&gt;Français&lt;/a&gt;
                &lt;/li&gt;
            &lt;/ul&gt;
        &lt;/div&gt;
    &lt;/div&gt;

And when I click the link to go to the french version of the site I am send to the /fr/a-propos page. Just like I'd expect.
Now I pushed my site update to my remote server. Looking at the code there. I see the switcher is different:
&lt;div class=&quot;language-switcher-language-content-entity block block-language block-language-blocklanguage-content&quot; id=&quot;block-languageswitchercontent&quot; role=&quot;navigation&quot;&gt;
    &lt;div class=&quot;content&quot;&gt;
        &lt;ul class=&quot;links&quot;&gt;
            &lt;li class=&quot;en&quot; data-drupal-link-query=&quot;{&amp;quot;language_content_entity&amp;quot;:&amp;quot;en&amp;quot;}&quot; data-drupal-link-system-path=&quot;node/4&quot;&gt;
                &lt;a class=&quot;language-link&quot; data-drupal-link-query=&quot;{&amp;quot;language_content_entity&amp;quot;:&amp;quot;en&amp;quot;}&quot; data-drupal-link-system-path=&quot;node/4&quot; href=&quot;/&quot;&gt;English&lt;/a&gt;
            &lt;/li&gt;
            &lt;li class=&quot;fr&quot; data-drupal-link-query=&quot;{&amp;quot;language_content_entity&amp;quot;:&amp;quot;fr&amp;quot;}&quot; data-drupal-link-system-path=&quot;node/4&quot;&gt;
                &lt;a class=&quot;language-link&quot; data-drupal-link-query=&quot;{&amp;quot;language_content_entity&amp;quot;:&amp;quot;fr&amp;quot;}&quot; data-drupal-link-system-path=&quot;node/4&quot; href=&quot;/fr/a-propos&quot;&gt;Français&lt;/a&gt;
            &lt;/li&gt;
        &lt;/ul&gt;
    &lt;/div&gt;
&lt;/div&gt;

The language switcher has a different class not language-switcher-language-url but language-switcher-language-content-entity so my styling is off. I changed to using the ID instead so the styling problem is fixed. but still strange things are happening. Sometimes when I click a link in the switch the url has the language_content_entity as parameter. And currently the active state of the language switch is not working on the remote site?
Using git both sites are exactly the same. The config is the same on both sites and I cleaned cache on my remote site.
Why is this code different on my remote site?
Possible reason:

Maybe you are not in the same page.
You dont have the same configuration

Solution:
We suggest you add your own custom class or container div. And from these, add the correct CSS.