What it currently looks like -

https://gyazo.com/1003b1e439faf23b3e842bff14d3ce7a


What my CSS Code looks like (I think this is the correct area, I /*'d stuff out until I found the right area. Using Sheffield Blue Responsive)
Code:
/*bof mobile menu*/
#menu{width:102.1%;position:relative;left:-13px;}
.menu-shop{margin-left:35px;}
.menu-collapser {position:relative;background:transparent;color:#000;text-shadow: 0 1px 0 rgba(0,0,0,0.5);width: 100%;height: 48px;line-height: 48px;font-size: 16px;padding: 0 8px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.collapse-button {position: absolute;right: 8px;top: 50%;width: 40px;background: #000;box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.075);padding: 7px 10px;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);cursor: pointer;font-size: 14px;text-align: center;transform: translate(0, -50%);-o-transform: translate(0, -50%);-ms-transform: translate(0, -50%);-moz-transform: translate(0, -50%);-webkit-transform: translate(0, -50%);box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box}
.collapse-button:hover, .collapse-button:focus {background-image: none;background: #666;color: #fff;}
.collapse-button .icon-bar {background-color: #fff;border-radius: 1px 1px 1px 1px;box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);display: block;height: 2px;width: 18px;margin: 3px 0;}
ul.slimmenu, ul.slimmenu1 {list-style-type: none;margin: 0;padding: 0;width: 100%;}
ul.slimmenu li, ul.slimmenu1 li {position: relative;display: inline-block;background:transparent;}
ul.slimmenu > li, ul.slimmenu1 > li { margin-right: -5px; border-left: 0px solid #999 }
ul.slimmenu > li:first-child, ul.slimmenu1 > li:first-child { border-left: 0 }
ul.slimmenu > li:last-child, ul.slimmenu1 > li:last-child { margin-right: 0 }
ul.slimmenu li a {display: block;color: #fff;padding: 12px 34px 12px 34px;font-size: 130%;font-weight: normal;transition: background-color 0.5s ease-out;-o-transition: background-color 0.5s ease-out;-moz-transition: background-color 0.5s ease-out;-webkit-transition: background-color 0.5s ease-out;}
ul.slimmenu1 li a{display: block;color: #444;padding: 12px 34px 12px 34px;font-size: 16px;font-weight: normal;transition: background-color 0.5s ease-out;-o-transition: background-color 0.5s ease-out;-moz-transition: background-color 0.5s ease-out;-webkit-transition: background-color 0.5s ease-out;}
ul.slimmenu li a:hover, ul.slimmenu1 li a:hover {background:#1f4f7d;text-decoration: none;color:#fff;}
ul.slimmenu li .sub-collapser, ul.slimmenu1 li .sub-collapser {background: none;position: absolute;right: 0;top: 0;width: 28px;height: 100%;text-align: center;z-index: 999;cursor: pointer;}
ul.slimmenu li .sub-collapser:before, ul.slimmenu1 li .sub-collapser:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;}
ul.slimmenu li .sub-collapser > i, ul.slimmenu1 li .sub-collapser > i {color:#fff;font-size:13px;display:inline-block;vertical-align:middle;}
ul.slimmenu li ul, ul.slimmenu1 li ul {margin: 0;list-style-type: none;}
ul.slimmenu li ul li, ul.slimmenu1 li ul li {background:#1f4f7d;width:190px;padding-left:20px;font-size:95%;}
ul.slimmenu li ul li a:hover, ul.slimmenu1 li ul li a:hover{color:#fff;}
ul.slimmenu li > ul, ul.slimmenu1 li > ul {display: none;position: absolute;left: -40px;top: 100%;z-index: 9999;}
ul.slimmenu li > ul > li ul, ul.slimmenu1 li > ul > li ul {display: none;position: absolute;left: 75%;top: 0;z-index: 999;}
ul.slimmenu.collapsed li, ul.slimmenu1.collapsed li {display: block;width: 99%;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box}
ul.slimmenu.collapsed li a, ul.slimmenu1.collapsed li a {display: block;border-bottom: 1px solid rgba(0, 0, 0, 0.075);box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box}
ul.slimmenu.collapsed li .sub-collapser, ul.slimmenu1.collapsed li .sub-collapser {height: 45px;width:100px;}
ul.slimmenu.collapsed li > ul, ul.slimmenu1.collapsed li > ul {display: none;position: static;}
ul.slimmenu.collapsed li ul.level2, ul.slimmenu1.collapsed li ul.level2 {margin-left:-30px;width:99%;}
ul.slimmenu.collapsed li ul.level2 li ul, ul.slimmenu1.collapsed li ul.level2 li ul {margin-left:-30px;width:99%;}
ul.slimmenu li.aboutus-li ul li{width:600px;}
ul.slimmenu li.customer-service-li ul li{width:600px;}
#menu h2{color:#fff;}
.mega-about{float:left;width:70%;}
.aboutus-image{float:right;width:20%;margin-right:30px;margin-bottom:30px;}
.mega-confidence{margin-bottom:30px;margin-top:20px;}
#header-icons i{font-size:250%;margin-right:50px;margin-bottom:50px;}
.ribbon {width: 100%;position: relative;background: #24629f;color: #fff;}
.ribbon:before, .ribbon:after {content: "";position: absolute;display: block;bottom: -1em;border: 0 solid #986794;z-index: -1;}
.ribbon:before {left: -2em;border-right-width: 2em;border-left-color: transparent;}
.ribbon:after {right: -2em;border-left-width: 1.5em;border-right-color: transparent;}
.ribbon .ribbon-content:before, .ribbon .ribbon-content:after {content: "";position: absolute;display: block;border-style: solid;border-color: #0f3f57 transparent transparent transparent;bottom: -1em;}
.ribbon .ribbon-content:before {left: 0;border-width: 1em 0 0 1em;}
.ribbon .ribbon-content:after {right: 0;border-width: 1em 1em 0 0;}
.non-semantic-protector { position: relative; z-index: 1;}