Comments Christopher started the conversationMay 31, 2019 at 1:50pmHello, I would like to make a menu like her picture attached[deleted] repliedJune 3, 2019 at 3:37pmHello,Yes please create a menu with Static Content of Menu Typehttp://prntscr.com/nx2q3dand with this demo content, you can change with your data<div class="mega-menu-content custom_menu"><div class="row"><div class="item"><ul class="sub-menu"><li class="level1"><a href="javascript:void(0);"> <span class="mega-menu-sub-title h5"> Furniture </span> </a> <span class="toggle-menu hidden-lg"> <a href="javascript:void(0)"> <span class="icon-plus"> </span> </a> </span><ul class="sub-menu"><li class="level2"><a href="{{store url=""}}furniture/chair.html">Chair</a></li><li class="level2"><a href="{{store url=""}}furniture/sofa.html">Sofa</a></li><li class="level2"><a href="{{store url=""}}furniture/table.html">Table</a></li></ul></li></ul><img class="img-responsive" src="{{media url="wysiwyg/menu1.jpg "}}" alt="" /></div><div class="item"><ul class="sub-menu"><li class="level1"><a href="javascript:void(0);"> <span class="mega-menu-sub-title h5"> Lighting </span> </a> <span class="toggle-menu hidden-lg"> <a href="javascript:void(0)"> <span class="icon-plus"> </span> </a> </span><ul class="sub-menu"><li class="level2"><a href="{{store url=""}}lighting/recessed.html">Recessed</a></li><li class="level2"><a href="{{store url=""}}lighting/wall-lights.html">Wall Light</a></li><li class="level2"><a href="{{store url=""}}lighting/floor-lamps.html">Floor Lamp</a></li></ul></li></ul><img class="img-responsive" src="{{media url="wysiwyg/menu2.jpg "}}" alt="" /></div><div class="item"><ul class="sub-menu"><li class="level1"><a href="javascript:void(0);"> <span class="mega-menu-sub-title h5"> Wood Shelf </span> </a> <span class="toggle-menu hidden-lg"> <a href="javascript:void(0)"> <span class="icon-plus"> </span> </a> </span><ul class="sub-menu"><li class="level2"><a href="{{store url=""}}lighting/recessed.html">Recessed</a></li><li class="level2"><a href="{{store url=""}}lighting/wall-lights.html">Wall Light</a></li><li class="level2"><a href="{{store url=""}}lighting/floor-lamps.html">Floor Lamp</a></li></ul></li></ul><img class="img-responsive" src="{{media url="wysiwyg/menu3.jpg "}}" alt="" /></div><div class="item"><ul class="sub-menu"><li class="level1"><a href="javascript:void(0);"> <span class="mega-menu-sub-title h5"> Accessories </span> </a> <span class="toggle-menu hidden-lg"> <a href="javascript:void(0)"> <span class="icon-plus"> </span> </a> </span><ul class="sub-menu"><li class="level2"><a href="{{store url=""}}accessories/chair.html">Chair</a></li><li class="level2"><a href="{{store url=""}}accessories/sofa.html">Sofa</a></li><li class="level2"><a href="{{store url=""}}accessories/table.html">Table</a></li></ul></li></ul><img class="img-responsive" src="{{media url="wysiwyg/menu4.jpg "}}" alt="" /></div><div class="item"><ul class="sub-menu"><li class="level1"><a href="javascript:void(0);"> <span class="mega-menu-sub-title h5"> Chair </span> </a> <span class="toggle-menu hidden-lg"> <a href="javascript:void(0)"> <span class="icon-plus"> </span> </a> </span><ul class="sub-menu"><li class="level2"><a href="{{store url=""}}furniture/chair.html">Chair</a></li><li class="level2"><a href="{{store url=""}}furniture/sofa.html">Sofa</a></li><li class="level2"><a href="{{store url=""}}furniture/table.html">Table</a></li></ul></li></ul><img class="img-responsive" src="{{media url="wysiwyg/menu5.jpg "}}" alt="" /></div></div></div>Christopher repliedJune 4, 2019 at 7:59amhello,Thank you, Sign in to reply ...
Hello,
I would like to make a menu like her picture attached
Hello,
Yes please create a menu with Static Content of Menu Type
http://prntscr.com/nx2q3d
and with this demo content, you can change with your data
<div class="mega-menu-content custom_menu">
<div class="row">
<div class="item">
<ul class="sub-menu">
<li class="level1"><a href="javascript:void(0);"> <span class="mega-menu-sub-title h5"> Furniture </span> </a> <span class="toggle-menu hidden-lg"> <a href="javascript:void(0)"> <span class="icon-plus"> </span> </a> </span>
<ul class="sub-menu">
<li class="level2"><a href="{{store url=""}}furniture/chair.html">Chair</a></li>
<li class="level2"><a href="{{store url=""}}furniture/sofa.html">Sofa</a></li>
<li class="level2"><a href="{{store url=""}}furniture/table.html">Table</a></li>
</ul>
</li>
</ul>
<img class="img-responsive" src="{{media url="wysiwyg/menu1.jpg "}}" alt="" /></div>
<div class="item">
<ul class="sub-menu">
<li class="level1"><a href="javascript:void(0);"> <span class="mega-menu-sub-title h5"> Lighting </span> </a> <span class="toggle-menu hidden-lg"> <a href="javascript:void(0)"> <span class="icon-plus"> </span> </a> </span>
<ul class="sub-menu">
<li class="level2"><a href="{{store url=""}}lighting/recessed.html">Recessed</a></li>
<li class="level2"><a href="{{store url=""}}lighting/wall-lights.html">Wall Light</a></li>
<li class="level2"><a href="{{store url=""}}lighting/floor-lamps.html">Floor Lamp</a></li>
</ul>
</li>
</ul>
<img class="img-responsive" src="{{media url="wysiwyg/menu2.jpg "}}" alt="" /></div>
<div class="item">
<ul class="sub-menu">
<li class="level1"><a href="javascript:void(0);"> <span class="mega-menu-sub-title h5"> Wood Shelf </span> </a> <span class="toggle-menu hidden-lg"> <a href="javascript:void(0)"> <span class="icon-plus"> </span> </a> </span>
<ul class="sub-menu">
<li class="level2"><a href="{{store url=""}}lighting/recessed.html">Recessed</a></li>
<li class="level2"><a href="{{store url=""}}lighting/wall-lights.html">Wall Light</a></li>
<li class="level2"><a href="{{store url=""}}lighting/floor-lamps.html">Floor Lamp</a></li>
</ul>
</li>
</ul>
<img class="img-responsive" src="{{media url="wysiwyg/menu3.jpg "}}" alt="" /></div>
<div class="item">
<ul class="sub-menu">
<li class="level1"><a href="javascript:void(0);"> <span class="mega-menu-sub-title h5"> Accessories </span> </a> <span class="toggle-menu hidden-lg"> <a href="javascript:void(0)"> <span class="icon-plus"> </span> </a> </span>
<ul class="sub-menu">
<li class="level2"><a href="{{store url=""}}accessories/chair.html">Chair</a></li>
<li class="level2"><a href="{{store url=""}}accessories/sofa.html">Sofa</a></li>
<li class="level2"><a href="{{store url=""}}accessories/table.html">Table</a></li>
</ul>
</li>
</ul>
<img class="img-responsive" src="{{media url="wysiwyg/menu4.jpg "}}" alt="" /></div>
<div class="item">
<ul class="sub-menu">
<li class="level1"><a href="javascript:void(0);"> <span class="mega-menu-sub-title h5"> Chair </span> </a> <span class="toggle-menu hidden-lg"> <a href="javascript:void(0)"> <span class="icon-plus"> </span> </a> </span>
<ul class="sub-menu">
<li class="level2"><a href="{{store url=""}}furniture/chair.html">Chair</a></li>
<li class="level2"><a href="{{store url=""}}furniture/sofa.html">Sofa</a></li>
<li class="level2"><a href="{{store url=""}}furniture/table.html">Table</a></li>
</ul>
</li>
</ul>
<img class="img-responsive" src="{{media url="wysiwyg/menu5.jpg "}}" alt="" /></div>
</div>
</div>
hello,
Thank you,