Drop Down Menu won't open.

Hello, prior to posting this I’ve looked up as many alternative solutions but I’m not sure what it is I’m doing wrong exactly. Ive used this same exact drop down menu before I updated (long story short, I didn’t back up my old files so I don’t remember exactly how I had this work last year, fail on my part!) so I’m starting from scratch, which I don’t mind, but could someone let me know what I can do to fix this?

This is my test blog: https://nataliarex.com/blog/ It’s just gibberish with a tiny drop down menu I created in Dreamweaver to test it out. It should open, unfortunately, it doesnt.

In my header.php I have this code for the menu:

<div id="masthead">
<div id="branding" role="banner">

    <ul id="MenuBar1" class="MenuBarHorizontal">
  <li><a class="MenuBarItemSubmenu" href="#">Item 1</a>
    <ul>
      <li><a href="#">Item 1.1</a></li>
      <li><a href="#">Item 1.2</a></li>
      <li><a href="#">Item 1.3</a></li>
    </ul>
  </li>
</ul>
</div><!-- #masthead -->
</div><!-- #header -->

Below are links to my CSS code for the menu as well as the javascript. Both of these are before the head closes in the header.php file.

<script src="https://www.nataliarex.com/SpryMenuBar.js" type="text/javascript"></script>

<link href="https://www.nataliarex.com/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />

From what I remember from last year…I know I had an issue with external links, so I wonder if that’s why that “#” in the menu won’t drop down. Either that or the javascript is not loading? It’s been 11 months and I have no idea what I did last year to make this work. I used the same method and program (Dreamweaver) to create it and upload it.

I definitely learned my lesson of back up my files lol

I hope someone could help me with this, I really hate asking and bothering people on these forums since a lot of people post as it is but Ive looked and tested for a few days and I am out of ideas. I’m hoping it’s something really simple I’m overlooking!

Thanks for your help.