Home Forums Porto Template language switch

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

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

    corallino
    Participant

    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?


    #10029012

    Support2
    Keymaster

    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>
    		<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>
    		<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>
    			</a>
    			<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>
    			</div>
    		</li>
    		<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>
    		</li>
    	</ul>
    </nav>

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

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

    Kind Regards,

    Rodrigo.


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