November 26, 2020 at 11:04 pm
#10035213
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.