diff --git a/examples/offcanvas/index.html b/examples/offcanvas/index.html
index fcfe48fa..5d6b7b81 100644
--- a/examples/offcanvas/index.html
+++ b/examples/offcanvas/index.html
@@ -82,7 +82,7 @@
           </div><!--/row-->
         </div><!--/span-->
 
-        <div class="col-xs-12 col-sm-3 sidebar-offcanvas" id="sidebar" role="navigation">
+        <div class="col-xs-6 col-sm-3 sidebar-offcanvas" id="sidebar" role="navigation">
           <div class="well sidebar-nav">
             <ul class="nav">
               <li>Sidebar</li>
diff --git a/examples/offcanvas/offcanvas.css b/examples/offcanvas/offcanvas.css
index e83e7182..df60d6af 100644
--- a/examples/offcanvas/offcanvas.css
+++ b/examples/offcanvas/offcanvas.css
@@ -17,7 +17,6 @@ footer {
 @media screen and (max-width: 768px) {
   .row-offcanvas {
     position: relative;
-    overflow: hidden; /* Needed for Internet Explorer */
     -webkit-transition: all 0.25s ease-out;
     -moz-transition: all 0.25s ease-out;
     transition: all 0.25s ease-out;
@@ -25,24 +24,25 @@ footer {
 
   .row-offcanvas-right
   .sidebar-offcanvas {
-    right: -58.333333333333336%; /* 6 columns */
+    right: -50%; /* 6 columns */
   }
 
   .row-offcanvas-left
   .sidebar-offcanvas {
-    left: -58.333333333333336%; /* 6 columns */
+    left: -50%; /* 6 columns */
   }
 
   .row-offcanvas-right.active {
-    right: 58.333333333333336%; /* 6 columns */
+    right: 50%; /* 6 columns */
   }
 
   .row-offcanvas-left.active {
-    left: 58.333333333333336%; /* 6 columns */
+    left: 50%; /* 6 columns */
   }
 
   .sidebar-offcanvas {
     position: absolute;
-    width: 58.333333333333336%; /* 6 columns */
+    top: 0;
+    width: 50%; /* 6 columns */
   }
 }
\ No newline at end of file