Home Forums Porto Template Dropdown in top line of navigation

This topic contains 4 replies, has 2 voices, and was last updated by  Support2 1 month, 1 week ago. This post has been viewed 97 times

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #10027123

    multicoastmedia
    Participant

    Is it possible to make one of the top line nav items a dropdown? In your demo the About Us and Contact along with a Phone Number are on top. Could one of those be a dropdown. I tried making a ul with a “dropdown-menu” class and making the li a “dropdown-item” but the item disappears when I do this.


    #10027126

    Support2
    Keymaster

    Hello,

    To do this, you can use this code as an example:

    <li class="nav-item dropdown">
    	<a class="nav-link" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                <i class="fas fa-angle-down"></i>Menu
    	</a>
    	<div class="dropdown-menu">
                <a class="nav-link text-1" href="about-us.html"><i class="fas fa-angle-right"></i> About Us</a>
                <a class="nav-link text-1" href="contact-us.html"><i class="fas fa-angle-right"></i> Contact Us</a>
    	</div>
    </li>

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

    Kind Regards,

    Rodrigo.


    #10027127

    multicoastmedia
    Participant

    Wow, that’s perfect!! Thank you SO much!!

    One more thing…how could I make it so that it drops down on mouse over, like the main nav?


    #10027130

    multicoastmedia
    Participant

    Nevermind, figured it out.

    .dropdown:hover .dropdown-menu {
    display: block;
    }


    #10027131

    Support2
    Keymaster

    Hello,

    Great that you figured this out! 🙂

    If you need further assistance, feel free to contact us.

    Kind Regards,

    Rodrigo.


    • This reply was modified 1 month, 1 week ago by  Support2.
Viewing 5 posts - 1 through 5 (of 5 total)