Hi I am trying to achieve a 6 wide category by 2 rows with all the sub, so effectively 12 categories with sub menu’s.

I have worked form the demo menu ‘Women’ removing the image that is added via the ‘lunar menu’ but I cannot seem to get another set of 6 menu’s to the right.

I am using this code for now and wandered if you could send over the correct code for me please to achieve what I am looking for.

I have attached a screen shot of what I already have and have created a mock image of what I am hoping to achieve.

<div class="row">
	<div class="col-sm-6">
		<div class="row">
			<div class="col-sm-4">
				<h4 class="title">Mobile</h4>
				<ul class="menu">
					<li><a href="#">Dresses</a></li>
					<li><a href="#">Jumpsuits</a></li>
					<li><a href="#">Blouses & Tops</a></li>
					<li><a href="#">Skirts</a></li>
				</ul>
			</div>
			<div class="col-sm-4">
                <h4 class="title">Accessories</h4>
				<ul class="menu">
					<li><a href="#">Skirts</a></li>
					<li><a href="#">Jumpsuits</a></li>
					<li><a href="#">Blouses & Tops</a></li>
					<li><a href="#">Dress Pants</a></li>
				</ul>
			</div>
			<div class="col-sm-4">
				<h4 class="title">Mobile</h4>
				<ul class="menu">
					<li><a href="#">Dresses</a></li>
					<li><a href="#">Jumpsuits</a></li>
					<li><a href="#">Skirts</a></li>
					<li><a href="#">Dress Pants</a></li>
				</ul>
			</div>
		</div>
        <br />
		<div class="row">
			<div class="col-sm-4">
				<h4 class="title">Mobile</h4>
				<ul class="menu">
					<li><a href="#">Dresses</a></li>
					<li><a href="#">Blouses & Tops</a></li>
					<li><a href="#">Skirts</a></li>
					<li><a href="#">Dress Pants</a></li>
				</ul>
			</div>
			<div class="col-sm-4">
                <h4 class="title">Accessories</h4>
				<ul class="menu">
					<li><a href="#">Skirts</a></li>
					<li><a href="#">Jumpsuits</a></li>
					<li><a href="#">Blouses & Tops</a></li>
					<li><a href="#">Dress Pants</a></li>
				</ul>
			</div>
			<div class="col-sm-4">
				<h4 class="title">Mobile</h4>
				<ul class="menu">
					<li><a href="#">Jumpsuits</a></li>
					<li><a href="#">Blouses & Tops</a></li>
					<li><a href="#">Skirts</a></li>
					<li><a href="#">Dress Pants</a></li>
				</ul>
			</div>