#1339

Tu Tran
Moderator

Hi,
To add the Mega menu in Lurna theme, please go to the Catalog >> Manage Categories, select any category, click tabs ‘Lunar Menu‘ and setup options, please see in the sreenshot for more clearly.
Thanks,

***************

You can refer our HTML code bellow:

Block right:


<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>
		</div>
	</div>
	<div class="col-sm-6">
		<a href="#" class="banner"><img alt="" src="{{media url="wysiwyg/lunar/menu/menu3.jpg"}}"></a><br />
        <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.</p>
	</div>
</div>
Attachments:
  1. mega-menu.png