I'm looking to hide the dropdown class, which will only be used for specific li tags. I attempted to do this with the following CSS, but it didn't work:
.dropdown{
display:none;
}
Is there a correct way to achieve this? Am I missing something in my CSS?
Here is the HTML code:
<div id="MainNavigation" class="nContainer" name="MainNav" value="MainNavigation">
<ul class="nav navbar-nav">
<li class="dropdown">
<a href="/page.aspx" id="ctl00_top_nav_SOnav" class="dropdown-toggle">page</a>
<ul class="dropdown-menu">
<li><a href="/page1.aspx">page1</a> </li>
<li><a href="/page2.aspx">page2</a> </li>
<li><a href="/page3.aspx">page3</a> </li>
<li><a href="/page4.aspx">page4</a> </li>
<li><a href="/page5.aspx">page5</a> </li>
</ul>
</li>
<a id="Homepage" class="navbar-brand" href="somepage.com">
<img src="/images/aGif.gif?v=24820" alt="someotherpage.com" border="0">
</a>
</ul>
</div>