I recently downloaded an admin theme and added the CSS to my Django static files. However, after doing so, the mobile toggle feature disappeared. I double-checked all the CSS and JS links in the index template, and they are correctly linked to the paths, but the toggle is still not showing.
Below is the HTML and CSS code, can someone please assist me?
<nav class="navbar top-navbar navbar-expand-md navbar-dark">
<!-- ============================================================== -->
<!-- Logo -->
<!-- ============================================================== -->
<div class="navbar-header">
<a class="navbar-brand" href="index.html">
<b>
<img src="../assets/images/logo-icon.png" alt="homepage" class="dark-logo" />
<img src="../assets/images/logo-light-icon.png" alt="homepage" class="light-logo" />
</b>
<span>
<img src="../assets/images/logo-text.png" alt="homepage" class="dark-logo" />
<img src="../assets/images/logo-light-text.png" class="light-logo" alt="homepage" /></span>
</a>
</div>
<div class="navbar-collapse">
<ul class="navbar-nav mr-auto">
<li class="nav-item hidden-sm-up"> <a class="nav-link nav-toggler waves-effect waves-light"
href="javascript:void(0)"><i class="ti-menu"></i></a></li>
<li class="nav-item search-box"> <a class="nav-link waves-effect waves-dark"
href="javascript:void(0)"><i class="fa fa-search"></i></a>
<form class="app-search">
<input type="text" class="form-control" placeholder="Search & enter"> <a
class="srh-btn"><i class="fa fa-times"></i></a>
</form>
</li>
</ul>
<ul class="navbar-nav my-lg-0">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle text-muted waves-effect waves-dark" href=""
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><img
src="../assets/images/users/1.jpg" alt="user" class="img-circle" width="30"></a>
</li>
</ul>
</div>
</nav>
<aside class="left-sidebar">
<div class="d-flex no-block nav-text-box align-items-center">
<span><img src="../assets/images/logo-icon.png" alt="elegant admin template"></span>
<a class="waves-effect waves-dark ml-auto hidden-sm-down" href="javascript:void(0)"><i
class="ti-menu"></i></a>
<a class="nav-toggler waves-effect waves-dark ml-auto hidden-sm-up" href="javascript:void(0)"><i
class="ti-menu ti-close"></i></a>
</div>
CSS
@import url(../../../assets/icons/font-awesome/css/font-awesome.min.css);
@ import url(../../../assets/icons/themify-icons/themify-icons.css);
@ import url("https://fonts.googleapis.com/css?family=Rubik:300,400,500,600,700");
/* Theme Styles */
.skin-default-dark {
/*Theme Colors*/ }
.skin-default-dark .topbar {
background: #fff; }
.skin-default-dark .topbar .navbar-dark .navbar-nav .nav-link {
color: #adb5bd; }
...
@media (min-width: 768px) {
... }
This issue is occurring in a Django project where all static files are stored in one folder. I have attempted various solutions but haven't been successful. It's frustrating that the downloaded files work fine in their original folders.
https://i.sstatic.net/yEYZM.png https://i.sstatic.net/1mYHd.png https://i.sstatic.net/3QHZq.png https://i.sstatic.net/0YsbS.png