Responsive menu in nuxt js

For Adding the responsive menu in the website you need to add the below code
in your header.vue file

<!-----------Navigation----------------->
<div class="tv-main-menu tv-sticky-header bg-light">
<div class="navbar-default container">
<nav class="navbar navbar-expand-md navbar-light">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-label="Toggle navigation">
<span class="ti-menu"></span>
</button>
<div class="collapse navbar-collapse text-center" id="navbarSupportedContent">
<ul class="navbar-nav tv-reset-navbar">
<li class="nav-item">
<a class="nav-link" href="home">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="aboutus">About Us</a>
</li>
<li class="nav-item search-list"><a href="/search" class="tv-search-btn"><i class="ti-search"></i></a></li>
</ul>
</div>
</nav>
</div>
</div>
<!-----------End----------------->

 

Leave a Reply

Your email address will not be published. Required fields are marked *

*

*

*