Skip to main content

Creating a Drop-down Menu with joomla.

Introdution​

Creating a drop-down menu for Joomla website is easy and straightforward if you follow the right instruction. With Joomla, you can create a visually appealing, user-friendly drop-down menu that will make your website stand out 🤩. In this tutorial, we will show you how to create drop-down menu using Joomla ✅.

Code​

<div id="navmenu">
  <ul>
    <li><a href="/products.php">Products</a>
    <ul>
      <li><a href="/software.php">Software</a></li>
      <li><a href="/hardware.php">Hardware</a></li>
    </ul>
    </li>
    <li><a href="/services.php">Services</a>
    <ul>
      <li><a href="/repair.php">Repair</a></li>
      <li><a href="/affiliate.php">Affiliate</a></li>
    </ul>
    </li>
  </ul>
</div>

Output​

<div id="navmenu">
  <ul>
    <li><a href="/products.php">Products</a>
      <ul>
        <li><a href="/software.php">Software</a></li>
        <li><a href="/hardware.php">Hardware</a></li>
      </ul>
    </li>
    <li><a href="/services.php">Services</a>
      <ul>
        <li><a href="/repair.php">Repair</a></li>
        <li><a href="/affiliate.php">Affiliate</a></li>
      </ul>
    </li>
  </ul>
</div>
Explanation

This code creates a navigation menu with two main categories and two subcategories. It is created with HTML and identifies each element with unique ids for further styling.

Get Help​