Hello
Please how can I make a sidebar menu turn into a dropdown menu at screen top, when the window is minimised to a mobile view?
HTML
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<title>Guide Support</title>
</head>
<body>
<form id="form1" runat="server">
<div class="wrapper">
<div class="top">
<nav class="navbar navbar-expand-lg navbar-dark fixed-top" id="header" style="font-family: Nunito; background: #ffffff; border-bottom: 0.5px solid #d8e1e2;">
<a class="navbar-brand" href="#" style="font-family: 'Museo Sans Rounded 900', sans-serif; font-size: 20pt; color: #011B33;">LearnTech</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation" style="background-color: transparent; border-color: none; font-size: 14pt; border-width: 0px; color: #000000;">
<span class=""><i class="fa fa-bars" aria-hidden="true" style="color: #000000;"></i></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav" style="width: 100%;">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link active" href="#" style="font-weight: 500;">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#" style="font-weight: 500;">Contact</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#" style="font-weight: 500;">Login</a>
</li>
</ul>
</div>
</nav>
</div>
<div class="line" style="padding: 12px;"></div><br />
<div class="midbody" style="margin: 0 auto; padding: 5px;">
<div style="margin: 0 auto; padding: 20px;">
<h5>Getting Started with LearnTech</h5>
<asp:Label ID="info" runat="server" Text="Everything you need to know about Getting Started with Learn Tech"></asp:Label>
</div>
<div class="row" style="width: 100%; margin: 0 auto; padding: 10px;">
<div class="col-md-3" id="left-content" style="margin-top: -13%;">
<nav class="navbar navbar-expand-lg navbar-dark" id="sidebar">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#Navigate" aria-controls="Navigate" aria-expanded="false" aria-label="Toggle navigation" style="background-color: transparent; border-color: none; border-width: 0px; color: #000000;">
<span class=""><i class="fa fa-chevron-down" aria-hidden="true" style="color: #000000;"></i></span>
</button>
<div class="collapse navbar-collapse" id="Navigate">
<ul class="nav nav-tabs" id="myTab" style="font-family: Nunito; border-bottom: none;">
<li class="nav-item active">
<a data-toggle="tab" href="#owning-an-account" class="sidenav-item">Signing up to Learn Tech</a>
</li>
<li class="nav-item">
<a href="#individual-user" class="sidenav-item">Can we sign up as a group?</a>
</li>
<li class="nav-item">
<a href="#document-security" class="sidenav-item">Do I require to present an identification before Registration?</a>
</li>
<li class="nav-item">
<a href="#document-encoding" class="sidenav-item">What are the things to learn on Learn Tech?</a>
</li>
</ul>
</div>
</nav>
</div>
<div class="col-md-7">
<div class="guidecontent">
<div class="searchtextbox">
<asp:TextBox ID="Textsearch" runat="server" Text="" Width="100%" CssClass="form-control" Font-Size="13pt"
placeholder="Search"></asp:TextBox>
</div>
<br />
<div class="heading">
<h5>Choose relevant guide from the left pane</h5>
</div>
<div class="resume" id="owning-an-account">
<h5>Signing up to Learn Tech</h5>
<p>
If you do not have File Ziller downloaded on your system, you can still upload your files to your Cpanel using the File Manager on the Cpanel. Unlike uploading using FTP, this option allows you to upload your files one after the other.
</p>
</div>
<div class="resume" id="individual-user">
<h5>Can we sign up as a group?</h5>
<p>
If you do not have File Ziller downloaded on your system, you can still upload your files to your Cpanel using the File Manager on the Cpanel. Unlike uploading using FTP, this option allows you to upload your files one after the other.
</p>
</div>
<div class="resume" id="document-security">
<h5>Do I require to present an identification before Registration??</h5>
<label>
If you do not have File Ziller downloaded on your system, you can still upload your files to your Cpanel using the File Manager on the Cpanel. Unlike uploading using FTP, this option allows you to upload your files one after the other.
</label>
</div>
<div class="resume" id="document-encoding">
<h5>What are the things to learn on LearnTech?</h5>
<p>
If you do not have File Ziller downloaded on your system, you can still upload your files to your Cpanel using the File Manager on the Cpanel. Unlike uploading using FTP, this option allows you to upload your files one after the other.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</form>
</body>
</html>
