enter CSS drop down menu

[sg_learn]

Dear All;

my drop down menu is not working.  
I follow instructions from W3 school and created a hyperlink of drop down menu.  I tried few places to embed the CSS <style> </style>  into "theme" and embeded code.  I even tried the SEO section, but nonoe of these is wroking.

the following is the embed codes.

<style>
.dropdown {
position: relative;
display: inline-block;
}

.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
padding: 12px 16px;
}

.dropdown:hover .dropdown-content {
display: block;
}
</style>

[Queso]

Hey there! It looks like that might not be all the code you'd want, as there's more you'd want to place on the page you linked. Could you tell us more about where the rest went?

[sg_learn]

Dear Sir/Madam

thanks for your reply, here is the link I try to duplicate in Weebly
http://www.w3schools.com/css/tryit.asp?filename=trycss_dropdown_text

here is the link I created:
http://cogtools.weebly.com/test-menu.html

I have added the CSS code to the SEO header section, but the drop down menu feature is still not working.

appreciate for your help

[Queso]

Okay! I wouldn't be able to advise you on the details of the code itself, but you may want to try putting that header code into the Header Code section of your Pages menu, rather than in the SEO section, if you're looking to place the menu on that page in particular.