I have a website with a ul containing li’s. i want to do a drop down menu so i think i have to hide the lis by display: none;. so i set that and the icons are i mean text of li is still there.
<ul class="menu">
<li class="main-menu">Menu item 1
<ul class="menu3">
<li class="submenu1"><a href="#">Sub Item 1</a></li>
<li class="submenu1"><a href="#">Sub Item 2</a></li>
<li class="submenu1"><a href="#">Sub Item 3</a></li>
</ul>
</ul>
.menu3 {
display: none;
}