Reply To: Multi language drop down Panel

#10035213
Support
Keymaster

Hello, first thanks for your purchase.

If you want a language dropdown with flags in the top header area we have an example here:
https://www.okler.net/previews/porto/8.2.0/feature-headers-classic-language-dropdown.html

In the example above, by default the language dropdown do not show on mobile. To show on mobile change the <li> class that wraps the dropdown to:

<li class="nav-item dropdown nav-item-left-border nav-item-left-border-remove nav-item-left-border-md-show">

* Note I just removed the class d-none d-sm-block.

If you want a language dropdown on main menu, just add the code below in the menu list:

<li class="dropdown">
	<a class="dropdown-item dropdown-toggle" href="#">
		<img src="img/blank.gif" class="flag flag-us mr-2" alt="English" /> English
	</a>
	<ul class="dropdown-menu">
		<li>
			<a href="#" class="dropdown-item">
				<img src="img/blank.gif" class="flag flag-es mr-2" alt="Espanol" /> Español
			</a>
		</li>
		<li>
			<a href="#" class="dropdown-item">
				<img src="img/blank.gif" class="flag flag-fr mr-2" alt="Française" /> Française
			</a>
		</li>
	</ul>
</li>

We hope this helps!

Please try that and let us know if you need further assistance.

Kind Regards,

Rodrigo.