Thanks dbltoe for your quick response - unfortunately it isn't working for me, the drop down menu is still showing (after clearing browser cache a few times and using two browsers) - I believe I have placed the code where you indicated however I do slip up from time to time .... here is that section of stylesheet.css after adding that code below line 333 at what has now become the new line 334 - does this look OK to you? cheers, Mike
Code:/*bof mobile menu*/
.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: #171717;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;}
#menu{float:left;margin-top:20px;width:100%;}
ul.slimmenu, ul.slimmenu1 {list-style-type: none;margin: 0;padding: 0;width: 100%;}
ul.slimmenu {display: none;}
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: #a0a0a0;text-transform:uppercase;padding: 12px 34px 12px 6px;font-size: 120%;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 6px;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:#171717;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:#a0a0a0;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:#171717;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%;}