Take current menu name and add it to #subBanner .container
<script>
//SUB BANNER HAS MENU NAME
$(document).ready(function() {
if($( '#menu .subContainer li' ).hasClass( "current" )) {
$( "#menu .subContainer .current a span" ).clone().prependTo( "#subBanner .container" );
} else {
$( "#menu a.current span" ).clone().prependTo( "#subBanner .container" );
}
});
</script>
#subBanner .container {
position:relative;
width:100%;
box-sizing: border-box;
padding: 60px 20px 60px;
}
#subBanner .container span {
display: block;
width: 100%;
color: #fff;
font-family: inherit;
font-size: 2.2em;
font-weight: 300;
line-height: 1.3em;
text-align: center;
/* text-transform: uppercase; */
}