diff --git a/docs/material-design/menus.md b/docs/material-design/menus.md
index a5d8f5da..4cd0eebb 100644
--- a/docs/material-design/menus.md
+++ b/docs/material-design/menus.md
@@ -13,58 +13,63 @@ Bootstrap users know these as [dropdowns]({{ site.baseurl }}/components/dropdown
 
 ## Styles
 
+### Icon with buttons
 {% example html %}
-<!-- icon with buttons -->
 <div class="dropdown">
   <button class="btn bmd-btn-icon dropdown-toggle" type="button" id="ex1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
     <i class="material-icons">more_vert</i>
   </button>
-  An <code>.bmd-btn-icon</code> with menu buttons
   <div class="dropdown-menu" aria-labelledby="ex1">
     <button class="dropdown-item" type="button">Action</button>
     <button class="dropdown-item disabled" type="button">Another action</button>
     <button class="dropdown-item" type="button">Another action</button>
   </div>
 </div>
+{% endexample %}
 
-<!-- icon with links -->
+### Icon with links
+{% example html %}
 <div class="dropdown">
   <button class="btn bmd-btn-icon dropdown-toggle" type="button" id="ex2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
     <i class="material-icons">more_vert</i>
-  </button>
-  An <code>.bmd-btn-icon</code> with menu links
+  </button>  
   <div class="dropdown-menu" aria-labelledby="ex2">
     <a class="dropdown-item" href="#">Regular link</a>
     <a class="dropdown-item disabled" href="#">Disabled link</a>
     <a class="dropdown-item" href="#">Another link</a>
   </div>
 </div>
+{% endexample %}
 
-<!-- fab-sm -->
+### Small fab
+{% example html %}
 <div class="dropdown">
   <button class="btn bmd-btn-fab bmd-btn-fab-sm dropdown-toggle" type="button" id="ex3" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
     <i class="material-icons">more_vert</i>
   </button>
-  An <code>.bmd-btn-fab-sm</code>
   <div class="dropdown-menu" aria-labelledby="ex3">
     <button class="dropdown-item" type="button">Action</button>
     <button class="dropdown-item" type="button">Another action</button>
   </div>
 </div>
+{% endexample %}
 
-<!-- fab -->
+### Default fab
+{% example html %}
 <div class="dropdown">
   <button class="btn bmd-btn-fab dropdown-toggle" type="button" id="ex4" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
     <i class="material-icons">more_vert</i>
   </button>
-  An <code>.bmd-btn-fab</code>
   <div class="dropdown-menu" aria-labelledby="ex4">
     <button class="dropdown-item" type="button">Action</button>
     <button class="dropdown-item" type="button">Another action</button>
   </div>
 </div>
 
-<!-- default btn -->
+{% endexample %}
+
+### Default button
+{% example html %}
 <div class="dropdown open">
   <button class="btn dropdown-toggle" type="button" id="buttonMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
     Dropdown
@@ -112,39 +117,6 @@ Bootstrap users know these as [dropdowns]({{ site.baseurl }}/components/dropdown
 </div>
 {% endexample %}
 
-### Top left side
-{% example html %}
-<div class="dropdown open">
-  <button class="btn bmd-btn-icon dropdown-toggle" type="button" id="tl1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-    <i class="material-icons">more_vert</i>
-  </button>
-  <div class="dropdown-menu dropdown-menu-top-left" aria-labelledby="tl1">
-    <button class="dropdown-item" type="button">Action</button>
-    <button class="dropdown-item" type="button">Another action</button>
-    <button class="dropdown-item disabled" type="button">Disabled action</button>
-    <div class="dropdown-divider"> </div>
-    <a class="dropdown-item" href="#">Separated link</a>
-  </div>
-</div>
-{% endexample %}
-
-### Top right side
-{% example html %}
-<div class="dropdown open pull-xs-right">
-  <button class="btn bmd-btn-icon dropdown-toggle" type="button" id="tr1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-    <i class="material-icons">more_vert</i>
-  </button>
-  <div class="dropdown-menu dropdown-menu-top-right" aria-labelledby="tr1">
-    <button class="dropdown-item" type="button">Action</button>
-    <button class="dropdown-item" type="button">Another action</button>
-    <button class="dropdown-item disabled" type="button">Disabled action</button>
-    <div class="dropdown-divider"> </div>
-    <a class="dropdown-item" href="#">Separated link</a>
-  </div>
-</div>
-{% endexample %}
-
-
 
 ## Widths
 
diff --git a/scss/_dropdown.scss b/scss/_dropdown.scss
index da0586f3..15e8817c 100644
--- a/scss/_dropdown.scss
+++ b/scss/_dropdown.scss
@@ -1,17 +1,17 @@
 // Menus https://www.google.com/design/spec/components/menus.html#menus-specs
 // Dropdown buttons (mobile and desktop) https://www.google.com/design/spec/components/buttons.html#buttons-dropdown-buttons
 
-%menu-bottom-left {
-  top: 100%;
-  left: 0;
-  transform-origin: 0 0;
-}
-
-%menu-bottom-right {
-  right: 0;
-  left: auto;
-  transform-origin: 100% 0;
-}
+//%menu-bottom-left {
+//  top: 100%;
+//  left: 0;
+//  transform-origin: 0 0;
+//}
+//
+//%menu-bottom-right {
+//  right: 0;
+//  left: auto;
+//  transform-origin: 100% 0;
+//}
 
 .dropdown-menu {
   display: block; // utilize transition transform instead of flipping display
@@ -34,27 +34,27 @@
   // FIXME: bootstrap alignment issue - https://github.com/twbs/bootstrap/issues/18852
   // FIXME: once the bug is fixed, want to default origin of menu open to the right of standard buttons
 
-  &.dropdown-menu-left {
-    @extend %menu-bottom-left;
-  }
-
-  &.dropdown-menu-right {
-    @extend %menu-bottom-right;
-  }
-
-  &.dropdown-menu-top-left {
-    top: auto;
-    bottom: 0;  // needs to be overridden with the toggle-button height, see bmd-btn-icon above
-    transform-origin: 0 100%;
-  }
-
-  &.dropdown-menu-top-right {
-    top: auto;
-    right: 0;
-    bottom: 0;  // needs to be overridden with the toggle-button height, see bmd-btn-icon above
-    left: auto;
-    transform-origin: 100% 100%;
-  }
+  //&.dropdown-menu-left {
+  //  @extend %menu-bottom-left;
+  //}
+  //
+  //&.dropdown-menu-right {
+  //  @extend %menu-bottom-right;
+  //}
+  //
+  //&.dropdown-menu-top-left {
+  //  top: auto;
+  //  bottom: 0;  // needs to be overridden with the toggle-button height, see bmd-btn-icon above
+  //  transform-origin: 0 100%;
+  //}
+  //
+  //&.dropdown-menu-top-right {
+  //  top: auto;
+  //  right: 0;
+  //  bottom: 0;  // needs to be overridden with the toggle-button height, see bmd-btn-icon above
+  //  left: auto;
+  //  transform-origin: 100% 100%;
+  //}
 
   // https://www.google.com/design/spec/components/menus.html#menus-specs
   .dropdown-item {