Home Forums Porto Template language switch

This topic contains 1 reply, has 2 voices, and was last updated by  Support2 5 months, 1 week ago. This post has been viewed 222 times

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #10029008


    Dear Sir,
    i’m just buying Porto template in html.
    I’m looking for language switch for my header.
    I find this https://preview.oklerthemes.com/porto/7.3.0/feature-headers-classic-language-dropdown.html

    But if you see on mobile, the language switch cannot see.
    Could you help me?



    Hello, thanks for your purchase.

    By default the language dropdown not apeear on mobile due to don’t have enough space to show all the content.
    Our suggestion for you is hide the phone number instead of the language dropdown. For it use this HTML below:

    <nav class="header-nav-top">
    	<ul class="nav nav-pills">
    		<li class="nav-item nav-item-anim-icon d-none d-md-block">
    			<a class="nav-link pl-0" href="about-us.html"><i class="fas fa-angle-right"></i> About Us</a>
    		<li class="nav-item nav-item-anim-icon d-none d-md-block">
    			<a class="nav-link" href="contact-us.html"><i class="fas fa-angle-right"></i> Contact Us</a>
    		<li class="nav-item dropdown nav-item-left-border nav-item-left-border-remove nav-item-left-border-md-show">
    			<a class="nav-link" href="#" role="button" id="dropdownLanguage" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    				<img src="img/blank.gif" class="flag flag-us" alt="English" /> English
    				<i class="fas fa-angle-down"></i>
    			<div class="dropdown-menu" aria-labelledby="dropdownLanguage">
    				<a class="dropdown-item" href="#"><img src="img/blank.gif" class="flag flag-us" alt="English" /> English</a>
    				<a class="dropdown-item" href="#"><img src="img/blank.gif" class="flag flag-es" alt="English" /> Español</a>
    				<a class="dropdown-item" href="#"><img src="img/blank.gif" class="flag flag-fr" alt="English" /> Française</a>
    		<li class="nav-item nav-item-left-border nav-item-left-border-remove nav-item-left-border-sm-show d-none d-sm-block">
    			<span class="ws-nowrap"><i class="fas fa-phone"></i> (123) 456-789</span>

    * Note the class d-none d-sm-block.

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

    Kind Regards,


Viewing 2 posts - 1 through 2 (of 2 total)