Reply To: show language drop-down

July 17, 2020 at 5:53 am #10033881
Support
Keymaster

Hello,

Oh, right!

To remove the last dot on menu first please add this custom HTML class to <li> item before the <li> with language dropdown:

....
......
.......
...
    <li class="position-relative remove-menu-item-dot">
        <a class="dropdown-item background-transparent" data-hash data-hash-offset="68" href="#footer">Contact Us</a>
    </li>
    <li class="dropdown d-lg-none">
        <a href="#" class="dropdown-item dropdown-toggle">LANGUAGE</a>
        <ul class="dropdown-menu">
            <li><a class="dropdown-item" href="#"><img src="img/blank.gif" class="flag flag-us" alt="English" /> English</a></li>
            <li><a class="dropdown-item" href="#"><img src="img/blank.gif" class="flag flag-es" alt="English" /> Español</a></li>
            <li><a class="dropdown-item" href="#"><img src="img/blank.gif" class="flag flag-fr" alt="English" /> Française</a></li>
        </ul>
    </li>
</ul>

* Note remove-menu-item-dot.

And add this code in (css/custom.css):

@media (min-width: 992px) {
    .remove-menu-item-dot > a:before {
        content: none !important;
    }
}

*Another question: This menu separator can be changed?

The dot is generetad trough pure CSS:

* You can use this same CSS rule inside the custom.css file and change as per your needs.

Mobile: dropdown list text is transparent – no color.

Change the class of anchor elements inside the language dropdown to (inside menu):

<li><a class="dropdown-item text-color-primary text-color-hover-light bg-transparent" href="#"><img src="img/blank.gif" class="flag flag-us" alt="English" /> English</a></li>
<li><a class="dropdown-item text-color-primary text-color-hover-light bg-transparent" href="#"><img src="img/blank.gif" class="flag flag-es" alt="English" /> Español</a></li>
<li><a class="dropdown-item text-color-primary text-color-hover-light bg-transparent" href="#"><img src="img/blank.gif" class="flag flag-fr" alt="English" /> Française</a></li>

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

Kind Regards,

Rodrigo.

If you are satisfied with Porto HTML and our support, please leave your comment and rating on ThemeForest downloads page. That helps us a lot: https://themeforest.net/downloads