A dynamic, flexible mega menu
UNITUM was in need of a new, striking mega menu that would allow them to easily add and remove products, as well as categories, while providing a visually appealing structure.
Built with:
UNITUM was in need of a new, striking mega menu that would allow them to easily add and remove products, as well as categories, while providing a visually appealing structure.
Built with:
'%3e%3crect%20x='40.724'%20y='36'%20width='180'%20height='180'%20rx='32'%20fill='white'/%3e%3crect%20x='41.224'%20y='36.5'%20width='179'%20height='179'%20rx='31.5'%20stroke='white'/%3e%3c/g%3e%3cpath%20d='M180.552%2075.5942H80.5522V175.594H180.552V75.5942Z'%20fill='%23F7DF1E'/%3e%3cpath%20d='M147.727%20153.72C149.741%20157.009%20152.362%20159.426%20156.997%20159.426C160.89%20159.426%20163.378%20157.48%20163.378%20154.791C163.378%20151.569%20160.822%20150.428%20156.536%20148.553L154.187%20147.545C147.406%20144.656%20142.901%20141.037%20142.901%20133.386C142.901%20126.339%20148.271%20120.974%20156.663%20120.974C162.638%20120.974%20166.933%20123.053%20170.028%20128.497L162.711%20133.196C161.1%20130.307%20159.362%20129.169%20156.663%20129.169C153.911%20129.169%20152.167%20130.915%20152.167%20133.196C152.167%20136.015%20153.913%20137.156%20157.944%20138.902L160.293%20139.909C168.278%20143.332%20172.786%20146.823%20172.786%20154.67C172.786%20163.131%20166.14%20167.766%20157.214%20167.766C148.487%20167.766%20142.849%20163.607%20140.09%20158.156L147.727%20153.72ZM114.532%20154.534C116.008%20157.153%20117.351%20159.367%20120.579%20159.367C123.667%20159.367%20125.614%20158.159%20125.614%20153.463V121.51H135.011V153.59C135.011%20163.32%20129.306%20167.748%20120.979%20167.748C113.455%20167.748%20109.098%20163.855%20106.882%20159.165L114.532%20154.534Z'%20fill='black'/%3e%3cdefs%3e%3cfilter%20id='filter0_d_20_1661'%20x='0.723999'%20y='0'%20width='260'%20height='260'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'%20result='hardAlpha'/%3e%3cfeOffset%20dy='4'/%3e%3cfeGaussianBlur%20stdDeviation='20'/%3e%3cfeComposite%20in2='hardAlpha'%20operator='out'/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%200.0367917%200%200%200%200%200.0348958%200%200%200%200%200.0484375%200%200%200%200.1%200'/%3e%3cfeBlend%20mode='normal'%20in2='BackgroundImageFix'%20result='effect1_dropShadow_20_1661'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='effect1_dropShadow_20_1661'%20result='shape'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e)
%20--%3e%3csvg%20version='1.1'%20id='Laag_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20100%2028.6'%20style='enable-background:new%200%200%20100%2028.6;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%238DB849;}%20.st1{fill:%235A863E;}%20.st2{fill:%23FFFFFE;}%20.st3{fill:%231A1919;}%20%3c/style%3e%3cg%3e%3cpath%20class='st0'%20d='M11.3,1c0.2,0,0.3,0.1,0.5,0.2C10.6,1.7,9.4,3,8.8,5.8L6.6,6.4C7.3,4.4,8.7,1,11.3,1z%20M12.4,2%20c0.2,0.6,0.4,1.3,0.4,2.4c0,0.1,0,0.1,0,0.2L9.9,5.4C10.5,3.3,11.5,2.4,12.4,2z%20M15,3.8l-1.3,0.4c0-0.1,0-0.2,0-0.3%20c0-0.9-0.1-1.6-0.3-2.2C14.1,1.9,14.7,2.8,15,3.8z%20M21.5,5.4c0-0.1-0.1-0.2-0.2-0.2C21.1,5.2,19,5,19,5s-1.5-1.5-1.7-1.6%20c-0.2-0.2-0.5-0.1-0.6-0.1c0,0-0.3,0.1-0.8,0.3c-0.5-1.4-1.4-2.7-2.9-2.7c0,0-0.1,0-0.1,0c-0.4-0.6-1-0.8-1.5-0.8%20C7.8,0,6.1,4.5,5.5,6.8C4.7,7,3.9,7.3,3,7.6c-0.8,0.2-0.8,0.3-0.9,1C2,9.1,0,24.9,0,24.9l15.9,3l8.6-1.9C24.5,26,21.5,5.6,21.5,5.4%20z'/%3e%3cpath%20class='st1'%20d='M21.2,5.2C21.1,5.2,19,5,19,5s-1.5-1.5-1.7-1.6c-0.1-0.1-0.1-0.1-0.2-0.1l-1.2,24.6l8.6-1.9c0,0-3-20.4-3-20.6%20C21.5,5.3,21.3,5.2,21.2,5.2'/%3e%3cpath%20class='st2'%20d='M13,10l-1.1,3.2c0,0-0.9-0.5-2.1-0.5c-1.7,0-1.8,1-1.8,1.3c0,1.4,3.8,2,3.8,5.4c0,2.7-1.7,4.4-4,4.4%20c-2.7,0-4.1-1.7-4.1-1.7l0.7-2.4c0,0,1.4,1.2,2.6,1.2c0.8,0,1.1-0.6,1.1-1.1c0-1.9-3.1-2-3.1-5.1c0-2.6,1.9-5.1,5.6-5.1%20C12.3,9.5,13,10,13,10'/%3e%3cpath%20class='st3'%20d='M34.6,15.9c-0.9-0.5-1.3-0.9-1.3-1.4c0-0.7,0.6-1.1,1.6-1.1c1.1,0,2.1,0.5,2.1,0.5l0.8-2.4%20c0,0-0.7-0.6-2.8-0.6c-3,0-5,1.7-5,4.1c0,1.4,1,2.4,2.2,3.1c1,0.6,1.4,1,1.4,1.6c0,0.6-0.5,1.2-1.5,1.2c-1.4,0-2.8-0.7-2.8-0.7%20l-0.8,2.4c0,0,1.2,0.8,3.3,0.8c3,0,5.2-1.5,5.2-4.2C37,17.7,35.9,16.6,34.6,15.9%20M46.7,10.8c-1.5,0-2.7,0.7-3.6,1.8l0,0l1.3-6.8H41%20l-3.3,17.3h3.4l1.1-5.9c0.4-2.2,1.6-3.6,2.7-3.6c0.8,0,1.1,0.5,1.1,1.3c0,0.5,0,1-0.1,1.5l-1.3,6.8h3.4l1.3-7%20c0.1-0.7,0.2-1.6,0.2-2.2C49.5,12,48.5,10.8,46.7,10.8%20M55.4,20.7c-1.2,0-1.6-1-1.6-2.2c0-1.9,1-5.1,2.8-5.1c1.2,0,1.6,1,1.6,2%20C58.2,17.6,57.2,20.7,55.4,20.7z%20M57.1,10.8c-4.1,0-6.8,3.7-6.8,7.8c0,2.6,1.6,4.7,4.7,4.7c4,0,6.7-3.6,6.7-7.8%20C61.7,13.1,60.3,10.8,57.1,10.8z%20M67.1,20.8c-0.9,0-1.4-0.5-1.4-0.5l0.6-3.2c0.4-2.1,1.5-3.5,2.7-3.5c1,0,1.4,1,1.4,1.9%20C70.3,17.7,69,20.8,67.1,20.8z%20M70.4,10.8c-2.3,0-3.6,2-3.6,2h0l0.2-1.8h-3c-0.1,1.2-0.4,3.1-0.7,4.5l-2.4,12.4h3.4l0.9-5h0.1%20c0,0,0.7,0.4,2,0.4c4,0,6.6-4.1,6.6-8.2C73.9,12.9,72.9,10.8,70.4,10.8z%20M78.7,6c-1.1,0-1.9,0.9-1.9,2c0,1,0.6,1.7,1.6,1.7h0%20c1.1,0,2-0.7,2-2C80.4,6.7,79.7,6,78.7,6%20M74,23.1h3.4l2.3-12h-3.4L74,23.1z%20M88.3,11.1h-2.4l0.1-0.6c0.2-1.2,0.9-2.2,2-2.2%20c0.6,0,1.1,0.2,1.1,0.2l0.7-2.7c0,0-0.6-0.3-1.8-0.3c-1.2,0-2.4,0.3-3.3,1.1c-1.2,1-1.7,2.4-2,3.8l-0.1,0.6H81l-0.5,2.6h1.6%20l-1.8,9.5h3.4l1.8-9.5h2.3L88.3,11.1z%20M96.4,11.1c0,0-2.1,5.3-3.1,8.2h0c-0.1-0.9-0.8-8.2-0.8-8.2h-3.6l2,11c0,0.2,0,0.4-0.1,0.6%20c-0.4,0.8-1.1,1.5-1.8,2c-0.6,0.5-1.4,0.8-1.9,1l0.9,2.9c0.7-0.1,2.1-0.7,3.3-1.8c1.5-1.4,3-3.7,4.4-6.7l4.1-8.9L96.4,11.1z'/%3e%3c/g%3e%3c/svg%3e)