NAV Element

edit
ballar

A responsive navbar with company name and nested links. You can add multi level dropdowns, and it also has the option to add search. As is, the search is wired up to log a message to the console, but you can make it access an external service like Google or Algolia if desired. Based on the Shapely theme at https://colorlib.com/shapely . edit

Add to your website

looks_onePaste the AnyMod script inside your HTML's <head> section.

looks_twoPaste the mod tag anywhere you want this mod to show.

<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>NAV Element</title>

    <!-- AnyMod -->
    <script id="AnyMod-script">
      (function (m,o,d,u,l,a,r,i,z,e) {
        u[m]={Project:o,rq:[],Opts:r,ready:function(j){u[m].rq.push(j)}};function j(s){return encodeURIComponent(btoa(s))};z=l.getElementById(m+'-'+a);r=u.location;
        e=[d+'/page/'+o+'/'+j(r.pathname)+'/'+j(r.host)+'?t='+Date.now(),d];e.map(function(w){i=l.createElement(a);i.defer=1;i.src=w;z.parentNode.insertBefore(i,z);});
      })('AnyMod','852579','https://cdn.anymod.com/v2',window,document,'script',{ toolkit: true, tips: true, priority: 3 });
    </script>
    <!-- /AnyMod -->

  </head>
  <body>

    <!-- NAV Element -->
    <div id="anymod-ballar"></div>

  </body>
</html>
looks_one
looks_two
Download HTML file