Hamburger menu icon

_sass/elixir/_base.scss

@@ -10,6 +10,10 @@ $PADDING_PAGE_LEFT_NO_COLUMN: 21%;
 $WIDTH_CONTENT: 74%;
 $WIDTH_CONTENT_NO_COLUMN: 58%;
 
+html {
+  overflow-x: hidden;
+}
+
 body {
     -webkit-font-smoothing: antialiased;
     font-family: $FONT_DEFAULT;

_sass/elixir/_layout.scss

@@ -28,6 +28,8 @@
     }
 
     .hamburger {
+      background: none;
+      
       @media only screen and (max-width: 1000px) {
         width: 50px;
         height: 50px;
@@ -38,6 +40,8 @@
         top: 30px;
         right: 20px;
         z-index: 1;
+        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjEuNBNAaMQAAADTSURBVHhe7dhBDoJAEERRTmOIl0eM5zIqusbfsV0O4pLmv6R2vekBJqQ6SZIkSfqa57knJ/IgW/ckZ9LnestikNxINbHT70NgKJ58VWOu2cZQhde+Zco12xiKb6aqVQcQF0ZVQ67ZxlDVS/BKDrnmMgbjEEYyka2LHQaybnlJkrRv/DQcyYW8yNb93QfE8ndSzeo+IJ58Vav6gAqvfYt9QK7ZxpB9ALEPIPYBkiRpf/hpsA8g1dgHwD4g12xjyD7gM1uSfUCuuYxB+wBJkiRJhXXdGwOonxm4AJQaAAAAAElFTkSuQmCC');
+        background-size: contain;
 
         input {
           opacity: 0;

elixir-theme.gemspec

@@ -2,7 +2,7 @@
 
 Gem::Specification.new do |spec|
   spec.name          = "elixir-theme"
-  spec.version       = "0.2.6"
+  spec.version       = "0.2.7"
   spec.authors       = ["jacek.lebioda"]
   spec.email         = ["jacek.lebioda@uni.lu"]