Black scheme
1) Hide Leftmenu By default :
If we want to hide the left menu by default, we need to add a toggle class
sidebar-left-hidden to body through js, initially sidebar-left-hidden will be appended to the body tag and the left menu will be in a hidden state, with a click on the hamburger, the class disappears dynamically in the body tag and the left menu will be activated.The Leftmenu has the following structure :
1
<html>
2
<body>
3
<div class="bg-dark" id="wrap">
4
​
5
<========== Start of Leftside Bar ============>
6
​
7
<div id="left">
8
​
9
<div class="media user-media bg-dark dker">
10
​
11
......It contains user details.........
12
​
13
</div>
14
​
15
<ul id="menu" class="bg-blue dker">
16
​
17
...........It contains left menu list...............
18
​
19
</ul>
20
</div>
21
​
22
<========== End of Leftside Bar ============>
23
​
24
</div>
25
</body>
26
</html>
Copied!
2) Remove Rightmenu :
If we want to remove the RightsideBar, we need to remove the following code which is present in navbar section
1
<div class="btn-group">
2
<a class="btn btn-default btn-sm messages toggle-right">
3
<i class="fa fa-cog text-white"></i>
4
</a>
5
</div>
Copied!
and we need to remove the code for Rightmenu content which is shown below
1
<div id="right">
2
<div class="right_content">
3
.............It contains Right side bar..............
4
</div>
5
</div>
Copied!
3) Remove Topbar menu :
If we want to remove topbar menu section we need to remove the following code which is present in navbar section
1
<div class="navbar-toggleable-sm col-xl-6 col-lg-6 hidden-md-down float-right top_menu" id="nav-content">
2
<ul class="nav navbar-nav top_menubar">
3
<li class="nav-item">
4
​
5
</li>
6
<li class="nav-item">
7
​
8
</li>
9
<li class="nav-item">
10
​
11
</li>
12
<li class="nav-item">
13
​
14
</li>
15
</ul>
16
</div>
Copied!
Last modified 2yr ago