How to implement dropdown to my custom list?

HTML & CSS
16

Hi,

Its hard to offer advice without code but I guess that your dropdowns are within a nested list structure.

e.g.

<ul class="nav">
		<li><a href="#">top level</a>
				<ul>
						<li>Nested level</li>
				</ul>
		</li>
		<li class="even"><a href="#">top level</a>
				<ul>
						<li>Nested level</li>
				</ul>
		</li>
</ul>

Then also guessing I assume you have floated the second item in the top level to the right (or similar ) but in doing so you have affected the nested items?

If so then make sure that your rules for the top level only affect the top level using the child selector.

e.g.

.nav > li {affects only top level lists}
.nav > li > a {affects only top level anchors}

If you use that approach then the original styles for your dropdown should remain unaffected.

Of course you may be using a completely different structure so a link would be useful.