Update

Author: accgit

src/css/style.sidebar.css renamed to src/css/style.responsive.css

@@ -14,7 +14,7 @@ body {
 }
 
 /*
-    responsive menu style
+    responsive menu
 */
 .nav .click {
      cursor: pointer;
@@ -34,7 +34,7 @@ body {
 }
 
 .nav .responsive { display: none; }
-.nav .expand { display: block !important; }
+.nav .expand-responsive { display: block !important; }
 
 /*
     sidebar
@@ -113,7 +113,7 @@ body {
                      top: 0;
     }
 
-    .content {
+    .wrapping {
 	margin-left: 230px;
     }
 

src/css/style.sidebar.dark.css renamed to src/css/style.responsive.dark.css

@@ -8,7 +8,7 @@
 	<title>CSS UI - Responsive menu</title>
 
 	<!-- CSS styles -->
-	<link rel="stylesheet" href="css/style.sidebar.css">
+	<link rel="stylesheet" href="css/style.responsive.css">
 <!--	<link rel="stylesheet" href="css/style.sidebar.dark.css">-->
 
 </head>
@@ -75,7 +75,7 @@
 	</div>
 
 	<!-- content -->
-	<div class="content"></div>
+	<div class="wrapping"></div>
 
 	<!-- javascript libraries and plugins  -->
 	<script src="js/jquery.min.js"></script>

src/index.html

@@ -4,6 +4,6 @@
  */
 $(function() {
 	$('.nav .click').click(function() {
-		$('.nav .responsive').toggleClass('expand');
+		$('.nav .responsive').toggleClass('expand-responsive');
 	});
 });