Okay
  Public Ticket #2031696
Menu
Closed

Comments

  • Christopher started the conversation

    Hello,

    I would like to make a menu like her picture attached


  • [deleted] replied

    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>


  • Christopher replied

    hello,

    Thank you,