Language switcher position/working

xarlien

Hello, I have site prepared for multilingual. Language switcher module i put to position "languageswitcherload". But I cannot see language switcher on frontend, only when I open menu i see only text labels in language switcher.

xarlien

And I dont know why, there is only secondary language (EN) to select, not primary (CS)

saguaros

You should create Menus structure like this:

1 menu 'Default' for site
1 menu for EN + set 1 menu item default for EN
1 menu for CS + set 1 menu item default for ES

Then the languageswitcherload module will display correctly.

xarlien

Ok, i do it. But still language switcher cannot see directly. You still must OPEN the menu. Language switcher must be still visible on any type view (desktop/mobile/tablet) without any opening.

And text style of language switcher is horrible, active language is white fonts on white place.

saguaros

xarlien And text style of language switcher is horrible, active language is white fonts on white place.

It seems due to the Joomla 4 update, it adds the background color for the active flag. I just updated this custom css into your site to fix it:

div.mod-languages ul li.lang-active {
    background: none !important;
}

The current position of this module is default position of template design, where you want it should be?

xarlien

Thank you very much.

My opinion is that the language switch must be seen directly. I am sending a suggestion where it could be in the layout for desktop and mobile.

saguaros

You can customize a bit here.

1/ Open file: /templates/ja_mono/tpls/blocks/header.php

Before the closing tab of header, add this code:

<?php if ($this->countModules('languageswitcherload')) : ?>
<!-- LANGUAGE SWITCHER -->
<div class="languageswitcherload" data-ajax-block="block-language-switcher">
<jdoc:include type="modules" name="<?php $this->_p('languageswitcherload') ?>" style="raw" />
</div>
<!-- //LANGUAGE SWITCHER -->
<?php endif ?>

2/ Add this custom css:

.t3-header .languageswitcherload {
    margin-top: 20px !important;
}

xarlien

Ok, but after updating the template the edits will be overwritten.

xarlien

It is looking in tablet/mobile view bad:

There must be top right, not over logo.

There must by top right, not in logo section.

There is OK, but why is not in row?

saguaros

I overrode it by copying that file to the local folder so it will not be affected when you update template:

/templates/ja_mono/local/tpls/blocks/header.php

Kindly check.

xarlien

Thank you, firts/last layout is now OK, middle layout bad position (must be right top)

saguaros

xarlien Which device that I can replicate this issue?

xarlien

saguaros All possible desktop browsers in a certain view width (MACOS Chrome/Safari WINDOWS10 Edge, Chrome, Firefox)

xarlien

Please client waiting, thank you.

saguaros

It due to your custom css for this language switcher module, I updated a bit for you:

@media (min-width: 1400px){
	.t3-header .languageswitcherload {
    	margin-top: 20px !important;
		margin-right: 15px;
	}
}

div.mod-languages ul li.lang-active {
  	background: none !important;
}
@media (max-width: 767.99px){
	.t3-header .languageswitcherload {
		float: right;
	}
}

Kindly check.

xarlien

Thank you, now is it DONE.