Edit in JSFiddle

/* Slidebars 0.10.3 (http://plugins.adchsm.me/slidebars/) written by Adam Smith (http://www.adchsm.me/) released under MIT License (http://plugins.adchsm.me/slidebars/license.txt) */
#sb-site,.sb-site-container,.sb-slidebar,body,html{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body,html{width:100%;overflow-x:hidden}html{height:100%}body{min-height:100%;height:auto;position:relative}html.sb-scroll-lock.sb-active:not(.sb-static){overflow:hidden}#sb-site,.sb-site-container{width:100%;min-height:100vh;position:relative;z-index:1;background-color:#fff}#sb-site:after,#sb-site:before,.sb-site-container:after,.sb-site-container:before{content:' ';display:table;clear:both}.sb-slidebar{height:100%;overflow-y:auto;position:fixed;top:0;z-index:0;display:none;background-color:#222}.sb-slidebar,.sb-slidebar *{-webkit-transform:translateZ(0px)}.sb-left{left:0}.sb-right{right:0}.sb-slidebar.sb-static,html.sb-static .sb-slidebar{position:absolute}.sb-slidebar.sb-active{display:block}.sb-style-overlay{z-index:9999}.sb-momentum-scrolling{-webkit-overflow-scrolling:touch}.sb-slidebar{width:30%}.sb-width-thin{width:15%}.sb-width-wide{width:45%}@media (max-width:480px){.sb-slidebar{width:70%}.sb-width-thin{width:55%}.sb-width-wide{width:85%}}@media (min-width:481px){.sb-slidebar{width:55%}.sb-width-thin{width:40%}.sb-width-wide{width:70%}}@media (min-width:768px){.sb-slidebar{width:40%}.sb-width-thin{width:25%}.sb-width-wide{width:55%}}@media (min-width:992px){.sb-slidebar{width:30%}.sb-width-thin{width:15%}.sb-width-wide{width:45%}}@media (min-width:1200px){.sb-slidebar{width:20%}.sb-width-thin{width:5%}.sb-width-wide{width:35%}}#sb-site,.sb-site-container,.sb-slide,.sb-slidebar{-webkit-transform:translate(0px);-moz-transform:translate(0px);-o-transform:translate(0px);transform:translate(0px);-webkit-transition:-webkit-transform 400ms ease;-moz-transition:-moz-transform 400ms ease;-o-transition:-o-transform 400ms ease;transition:transform 400ms ease;-webkit-transition-property:-webkit-transform,left,right;-webkit-backface-visibility:hidden}.sb-hide{display:none}

#mobileMenuMaster {
  background: #1074a4;
  z-index: 12000;
  -webkit-box-shadow: -3px 3px 8px 0px rgba(169, 169, 169, 0.6);
  -moz-box-shadow: -3px 3px 8px 0px rgba(169, 169, 169, 0.6);
  box-shadow: -3px 3px 8px 0px rgba(169, 169, 169, 0.6);
}

#mobileMenuMaster ul.nav {
  float: none !important;
  margin: 0;
  padding: 0;
  text-align: center !important
}

#mobileMenuMaster ul.nav li {
  float: none;
}

#mobileMenuMaster ul.nav li a span {
  background-image: url(images/iconArrowDownWhite.svg);
}

#mobileMenuMaster ul.nav > li {
  border-bottom: 1px dotted #fff;
  display: block;
}

#mobileMenuMaster ul.nav > li > a {
  color: #fff;
  text-transform: uppercase;
}

#mobileMenuMaster ul.nav > li ul.dropdown-menu {
  float: none;
  position: static;
  background: none;
  padding: 0;
  margin: 0;
  border: 0;
  box-shadow: none;
}

#mobileMenuMaster ul.nav > li ul.dropdown-menu li a {
  padding: 12px 12px 12px 40px;
  color: #fff;
  text-align: center;
}

#mobileMenuMaster ul.nav > li ul.dropdown-menu li ul li a {
  padding: 10px 10px 10px 80px;
  color: #fff;
  font-size: 14px;
  border-bottom: 0.5px solid #ffc314;
  font-weight: normal
}

#mobileMenuMaster ul.nav li a {
  display: block;
  font-size: 16px;
  padding: 12px 12px 12px 17px;
}

html.no-touch #mobileMenuMaster .nav li a:hover,
html.no-touch #mobileMenuMaster .nav li a:focus,
#mobileMenuMaster .nav li.active > a {
  background: #044767 !important;
  color: #fff !important;
}

#mobileMenuMaster #mobileLanguageWrap {
  text-align: right;
  color: rgb(192, 188, 174);
  text-transform: uppercase;
  font-size: 12px;
  border-bottom: #34270b 1px solid;
}

#mobileMenuMaster #mobileLanguageWrap .language-object-TEMP {
  display: inline-block;
  padding: 8px 14px;
  border-right: #34270b 1px solid;
}

#mobileMenuMaster #mobileLanguageWrap #facebook {
  padding: 8px 14px;
}

#mobileMenuMaster #searchBarMob {
  background: #1074a4;
}

#mobileMenuMaster #dnn_dnnSEARCH_mob_ClassicSearch {
  display: block;
  position: relative;
}

#mobileMenuMaster #dnn_dnnSEARCH_mob_ClassicSearch input {
  width: 100%;
  height: auto;
  padding: 12px 25px 12px 17px;
  background: #34270b;
  background: #fefefe;
  border: none;
  line-height: 20px;
  color: #555;
}

#mobileMenuMaster .searchInputContainer {
  display: block !important;
  margin: 0 !important;
  padding: 10px;
}

#mobileMenuMaster #dnn_dnnSEARCH_mob_ClassicSearch a#dnn_dnnSEARCH_mob_cmdSearch {
  position: absolute;
  width: 16px;
  height: 16px;
  right: 20px;
  top: 45px;
}

#mobileMenuMaster .searchInputContainer a.dnnSearchBoxClearText {
  top: 18px;
  right: 42px !important;
}

#mobMenuBtn {
  position: relative;
  padding: 2px 0;
  float: right;
  background-color: transparent;
  background-image: none;
  border: none;
  outline: 0;
}

#mobMenuBtn #mobMenuTxt {
  color: #1074a4;
  font-size: 11px;
  font-weight: 300;
  letter-spacing: -1px;
}

#mobMenuBtn #mobMenuIcon {
  padding-top: 2px;
}

#mobMenuBtn #mobMenuIcon .iconMobMenu {
  width: 27px;
  height: 3px;
  margin-top: 5px;
  display: block;
  border-radius: 1px;
  background-color: #1074a4;
  transition: 0.5s
}

#mobMenuBtn #mobMenuIcon .iconMobMenu.first {
  margin-top: 0;
}

@media (min-width:768px) {

  .hidden-md-up{
    display:none
    }
}

// Slidebars 0.10.3 (http://plugins.adchsm.me/slidebars/) written by Adam Smith (http://www.adchsm.me/) released under MIT License (http://plugins.adchsm.me/slidebars/license.txt)
!function(t){t.slidebars=function(s){function e(){!c.disableOver||"number"==typeof c.disableOver&&c.disableOver>=k?(w=!0,t("html").addClass("sb-init"),c.hideControlClasses&&T.removeClass("sb-hide"),i()):"number"==typeof c.disableOver&&c.disableOver<k&&(w=!1,t("html").removeClass("sb-init"),c.hideControlClasses&&T.addClass("sb-hide"),g.css("minHeight",""),(p||y)&&o())}function i(){g.css("minHeight","");var s=parseInt(g.css("height"),10),e=parseInt(t("html").css("height"),10);e>s&&g.css("minHeight",t("html").css("height")),m&&m.hasClass("sb-width-custom")&&m.css("width",m.attr("data-sb-width")),C&&C.hasClass("sb-width-custom")&&C.css("width",C.attr("data-sb-width")),m&&(m.hasClass("sb-style-push")||m.hasClass("sb-style-overlay"))&&m.css("marginLeft","-"+m.css("width")),C&&(C.hasClass("sb-style-push")||C.hasClass("sb-style-overlay"))&&C.css("marginRight","-"+C.css("width")),c.scrollLock&&t("html").addClass("sb-scroll-lock")}function n(t,s,e){function n(){a.removeAttr("style"),i()}var a;if(a=t.hasClass("sb-style-push")?g.add(t).add(O):t.hasClass("sb-style-overlay")?t:g.add(O),"translate"===x)"0px"===s?n():a.css("transform","translate( "+s+" )");else if("side"===x)"0px"===s?n():("-"===s[0]&&(s=s.substr(1)),a.css(e,"0px"),setTimeout(function(){a.css(e,s)},1));else if("jQuery"===x){"-"===s[0]&&(s=s.substr(1));var o={};o[e]=s,a.stop().animate(o,400)}}function a(s){function e(){w&&"left"===s&&m?(t("html").addClass("sb-active sb-active-left"),m.addClass("sb-active"),n(m,m.css("width"),"left"),setTimeout(function(){p=!0},400)):w&&"right"===s&&C&&(t("html").addClass("sb-active sb-active-right"),C.addClass("sb-active"),n(C,"-"+C.css("width"),"right"),setTimeout(function(){y=!0},400))}"left"===s&&m&&y||"right"===s&&C&&p?(o(),setTimeout(e,400)):e()}function o(s,e){(p||y)&&(p&&(n(m,"0px","left"),p=!1),y&&(n(C,"0px","right"),y=!1),setTimeout(function(){t("html").removeClass("sb-active sb-active-left sb-active-right"),m&&m.removeClass("sb-active"),C&&C.removeClass("sb-active"),"undefined"!=typeof s&&(void 0===typeof e&&(e="_self"),window.open(s,e))},400))}function l(t){"left"===t&&m&&(p?o():a("left")),"right"===t&&C&&(y?o():a("right"))}function r(t,s){t.stopPropagation(),t.preventDefault(),"touchend"===t.type&&s.off("click")}var c=t.extend({siteClose:!0,scrollLock:!1,disableOver:!1,hideControlClasses:!1},s),h=document.createElement("div").style,d=!1,f=!1;(""===h.MozTransition||""===h.WebkitTransition||""===h.OTransition||""===h.transition)&&(d=!0),(""===h.MozTransform||""===h.WebkitTransform||""===h.OTransform||""===h.transform)&&(f=!0);var u=navigator.userAgent,b=!1,v=!1;/Android/.test(u)?b=u.substr(u.indexOf("Android")+8,3):/(iPhone|iPod|iPad)/.test(u)&&(v=u.substr(u.indexOf("OS ")+3,3).replace("_",".")),(b&&3>b||v&&5>v)&&t("html").addClass("sb-static");var g=t("#sb-site, .sb-site-container");if(t(".sb-left").length)var m=t(".sb-left"),p=!1;if(t(".sb-right").length)var C=t(".sb-right"),y=!1;var w=!1,k=t(window).width(),T=t(".sb-toggle-left, .sb-toggle-right, .sb-open-left, .sb-open-right, .sb-close"),O=t(".sb-slide");e(),t(window).resize(function(){var s=t(window).width();k!==s&&(k=s,e(),p&&a("left"),y&&a("right"))});var x;d&&f?(x="translate",b&&4.4>b&&(x="side")):x="jQuery",this.slidebars={open:a,close:o,toggle:l,init:function(){return w},active:function(t){return"left"===t&&m?p:"right"===t&&C?y:void 0},destroy:function(t){"left"===t&&m&&(p&&o(),setTimeout(function(){m.remove(),m=!1},400)),"right"===t&&C&&(y&&o(),setTimeout(function(){C.remove(),C=!1},400))}},t(".sb-toggle-left").on("touchend click",function(s){r(s,t(this)),l("left")}),t(".sb-toggle-right").on("touchend click",function(s){r(s,t(this)),l("right")}),t(".sb-open-left").on("touchend click",function(s){r(s,t(this)),a("left")}),t(".sb-open-right").on("touchend click",function(s){r(s,t(this)),a("right")}),t(".sb-close").on("touchend click",function(s){if(t(this).is("a")||t(this).children().is("a")){if("click"===s.type){s.stopPropagation(),s.preventDefault();var e=t(this).is("a")?t(this):t(this).find("a"),i=e.attr("href"),n=e.attr("target")?e.attr("target"):"_self";o(i,n)}}else r(s,t(this)),o()}),g.on("touchend click",function(s){c.siteClose&&(p||y)&&(r(s,t(this)),o())})}}(jQuery);

$(document).ready(function() {

  $.slidebars();

  if ($(window).width() < 768){
              $('.navbar-nav li.dropdown').children('a.txtTransFx').attr('href', '#subLevel1');
              
              $('.nav li.dropdown').click(function(){
                  $(this).find('ul.subLevel1').first().toggleClass('show');
                  $(this).addClass("activeHov")
               })
      }
  else {

    jQuery(".nav li.dropdown").mouseover(function() {
      jQuery(this).find("ul.subLevel1").first().show(), jQuery(this).addClass("activeHov")
    }), jQuery(".nav li.dropdown").mouseout(function() {
      jQuery(this).find("ul").hide(), jQuery(this).removeClass("activeHov")
    }), jQuery(".level1Wrap").each(function() {
      jQuery(this).find("a.active.hasChild").length && jQuery(this).find(".level2Wrap").css("display", "block")
    }), jQuery(".nav li ul li.active").parents("li").addClass("active");
  }
})
<div class="container-fluid sb-site"> <!-- let the page push right if click on mobile menu-->
<header id="headerMaster" class="sb-slide"> <!-- let mobile menu ease-in on click -->
	<div class="container">
		<div id="headerWrap" class="row">		
			<div id="mobMenuBtnWrap" class="col-xs-6 col-sm-3 pull-right">
				<button id="mobMenuBtn" class="sb-toggle-right" type="button">
					<div id="mobMenuTxt">MENU</div>
					<div id="mobMenuIcon">
						<span class="iconMobMenu first"></span>
						<span class="iconMobMenu"></span>
						<span class="iconMobMenu"></span>
					</div>
				</button>				
			</div>
		</div>
	</div>
</header>
<div id="mobileMenuMaster" class="sb-slidebar sb-right sb-style-push sb-active">
  <div id="searchBarMob" class="">
    <span id="dnn_dnnSEARCH_mob_ClassicSearch">
    <span class="searchInputContainer" data-moreresults="Bekijk alle resultaten" data-noresult="Geen resultaten gevonden">
        <input name="dnn$dnnSEARCH_mob$txtSearch" type="text" maxlength="255" size="20" id="dnn_dnnSEARCH_mob_txtSearch" class="NormalTextBox" autocomplete="off" placeholder="Search...">
        <a class="dnnSearchBoxClearText"></a>
    </span>
    <a id="dnn_dnnSEARCH_mob_cmdSearch" class="ServerSkinWidget" href="javascript:__doPostBack('dnn$dnnSEARCH_mob$cmdSearch','')"><img src="#" alt="Zoek" title="Zoek"></a>
    </span>
  </div>
  <div id="navMasterMob" class="">
    <!-- DDRmenu v02.00.01 - mainMenu template -->
    <ul class="nav navbar-nav navbar-right">
      <li class=" first id1689">
        <a class="txtTransFx" href="https://crmassistent.com/">home</a>
      </li>
      <li class="dropdown id1698">
        <a class="txtTransFx" href="#">Example<span></span></a>
        <ul class="subLevel1 dropdown-menu" id="#subLevel1">
          <li class="first">
            <a href="#" class="txtTransFx">Example1</a>
          </li>
          <li>
            <a href="#" class="txtTransFx">Example2</a>
          </li>
          <li>
            <a href="#" class="txtTransFx">Example3</a>
          </li>
          <li>
            <a href="#" class="txtTransFx">Example</a>
          </li>
          <li>
            <a href="#" class="txtTransFx">Example</a>
          </li>
          <li>
            <a href="#" class="txtTransFx">Example</a>
          </li>
          <li>
            <a href="#" class="txtTransFx">Example</a>
          </li>
          <li class="last">
            <a href="#" class="txtTransFx">Example</a>
          </li>
        </ul>
      </li>
      <li class="id1690">
        <a class="txtTransFx" href="#">Example</a>
      </li>
      <li class="id1697">
        <a class="txtTransFx" href="#">Example</a>
      </li>
      <li class="active id1711">
        <a class="txtTransFx" href="#">Example</a>
      </li>
      <li class="last id1700">
        <a class="txtTransFx" href="#">Example</a>
      </li>
    </ul>
  </div>
</div>
</div>

External resources loaded into this fiddle: