fix menu and footer full width behaviour

ot_templating/Resources/Public/assets/style/common/base.scss

@@ -1,5 +1,9 @@
 // Base tags
 
+body {
+  overflow-x: hidden;
+}
+
 a {
   text-decoration: none;
 }

ot_templating/Resources/Public/assets/style/common/module/footer.scss

@@ -17,10 +17,8 @@
   background-repeat: repeat-x;
   box-shadow: 0px -2px 10px 0px #656565;
   height: 84px;
-  left: -20vw;
-  width: 100%;
-  padding-left: 19.9vw;
-  padding-right: 19.9vw;
+  left: -25vw;
+  width: 110vw;
   z-index: -1;
   margin: 0;
 }

ot_templating/Resources/Public/assets/style/common/module/menu.scss

@@ -29,17 +29,17 @@ $submenu-item-height: 30px;
   padding: 0;
   align-items: center;
   margin: 0 0 1em;
+
+  position: relative;
 }
 
-#menu::after {
+#menu:after {
   content: ""; /* empty but necessary */
   position: absolute;
   background-color: $menu-background-color;
-  left: -20vw;
-  height: $menu-item-height;
-  width: 100%;
-  padding-left: 19.9vw;
-  padding-right: 19.9vw;
+  left: -25vw;
+  height: 100%;
+  width: 110vw;
   z-index: -1;
 }
 

ot_templating/Resources/Public/assets/style/style.scss

@@ -43,10 +43,10 @@ $content-h2-weight: 500 !default;
 $content-h3-color: #4facc6 !default;
 $content-h3-size: 1.2em !default;
 $content-h3-weight: 500 !default;
-$content-h4-color: #4facc6 !default;
+$content-h4-color: #333333 !default;
 $content-h4-size: 1.2em !default;
 $content-h4-weight: 500 !default;
-$content-h5-color: #4facc6 !default;
+$content-h5-color: #333333 !default;
 $content-h5-size: 1em !default;
 $content-h5-weight: 500 !default;
 

ot_templating/Resources/Public/assets/style/theme-blue.css

@@ -1,4 +1,8 @@
 @charset "UTF-8";
+body {
+  overflow-x: hidden;
+}
+
 a {
   text-decoration: none;
 }
@@ -127,18 +131,17 @@ ul.dropdown-left {
   padding: 0;
   align-items: center;
   margin: 0 0 1em;
+  position: relative;
 }
 
-#menu::after {
+#menu:after {
   content: "";
   /* empty but necessary */
   position: absolute;
   background-color: #4facc6;
-  left: -20vw;
-  height: 50px;
-  width: 100%;
-  padding-left: 19.9vw;
-  padding-right: 19.9vw;
+  left: -25vw;
+  height: 100%;
+  width: 110vw;
   z-index: -1;
 }
 
@@ -254,13 +257,13 @@ ul.dropdown-left {
 }
 
 .content h4 {
-  color: #4facc6;
+  color: #333333;
   font-size: 1.2em;
   font-weight: 500;
 }
 
 .content h5 {
-  color: #4facc6;
+  color: #333333;
   font-size: 1em;
   font-weight: 500;
 }
@@ -286,10 +289,8 @@ ul.dropdown-left {
   background-repeat: repeat-x;
   box-shadow: 0px -2px 10px 0px #656565;
   height: 84px;
-  left: -20vw;
-  width: 100%;
-  padding-left: 19.9vw;
-  padding-right: 19.9vw;
+  left: -25vw;
+  width: 110vw;
   z-index: -1;
   margin: 0;
 }