[LearningCoder]

When you create drop down menus you have to nest another <ul> inside the <li> but here you have closed out the <li> then created the drop down <ul>

Try this:

<div id="nav">
    <ul>
        <li><a href="#/home.html">Home</a></li>
        <li><a href="#/about.html">About Us</a>
            <ul>
                <li><a href="beliefs.html">Our Beliefs</a> </li>
                <li><a href="vision.html">Our Vision</a> </li>
                <li><a href="pastors.html">Our Pastors</a> </li>
                <li><a href="staff.html">Our Staff</a> </li>
                <li><a href="newhere.html">New Here?</a> </li>
            </ul>
        <li><a href="#/about.html">Ministries</a>
            <ul>
                <li><a href="blessedlife.html">BlessedLife</a> </li>
                <li><a href="familylife.html">FamilyLife</a> </li>
                <li><a href="kidslife.html">KidsLife</a> </li>
                <li><a href="yalife.html">YoungAdultLife</a> </li>
                <li><a href="careteam.html">Our Care Team</a> </li>
            </ul>
        <li><a href="#/contact.html">Media</a>
            <ul>
                <li><a href="messages.html">Messages</a> </li>
                <li><a href="gallery.html">Gallery</a> </li>
            </ul>
        <li><a href="#/home.html">Contribute</a>
            <ul>
                <li><a href="volunteer.html">Volunteer</a> </li>
                <li><a href="donate.html">Donate</a> </li>
            </ul>
        <li><a href="#/contact.html">Connect</a>
            <ul>
                <li><a href="service.html">Sunday Service</a> </li>
                <li><a href="midweek.html">Midweek Experience</a> </li>
                <li><a href="smallgroups.html">Small Groups</a> </li>
                <li><a href="calendar.html">Our Calendar</a> </li>
                <li><a href="contactus.html">Contact Us</a> </li>
            </ul>    
    </ul>    
</div>

Try that with the css I posted earlier.

Let me know if it works!

Kind regards,

LC.