Добавление подменю в меню

<style>
.nabigariy_zornet_ru li{
padding: 8px;
background: rgb(61, 82, 219);
border-bottom: 1px solid rgba(115, 107, 107, 0.98);
}

.nabigariy_zornet_ru li:first-child{
border-top: 1px solid rgba(119, 117, 117, 0.97);
}

.nabigariy_zornet_ru li:hover{
background: rgba(59, 59, 60, 0.96);
}

.nabigariy_zornet_ru li a{
color: rgba(255, 255, 255, 0.99);
font-family: PT Sans;
font-size: 14px;
margin: 0px 0px 0px 7px;
font-weight: bold;
}

.nabigariy_zornet_ru li:hover a{
color: rgba(238, 241, 243, 0.96);
font-family: PT Sans;
font-size: 14px;
}

.nabigariy_zornet_ru li a:before{
display:none !important}

li {
list-style-type: none; /* Убираем маркеры */
}
ul {
margin-left: 0; /* Отступ слева в браузере IE и Opera */
padding-left: 0; /* Отступ слева в браузере Firefox, Safari, Chrome */
}
h1 {
font-family: 'Times New Roman', Times, serif; /* Гарнитура текста */
font-size: 150%; /* Размер шрифта в процентах */
}
</style>

<ul class="nabigariy_zornet_ru">
<li><center><span style="color:#FFFFFF; text-shadow: 10px"><h1>Категории объектов</h1></span></center></li>
<li><a title="Жилая" href="/"><i class="fa fa-home" aria-hidden="true"></i><span style="padding-left:10px;">Жилая <right><a href="/catalog/category/1/?byCategorys=sale&stockCategory=3"> Продажа (715) </a></right></span></a></li>
<li><a title="Коммерческая" href="/"><i class="fa fa-credit-card" aria-hidden="true"></i><center><span style="padding-left:10px;">Коммерческая <a href="/catalog/category/2/?byCategorys=sale&stockCategory=19"> Продажа (20) </a> <a href="/catalog/category/2/?byCategorys=rent&stockCategory=25"> Аренда (21) </a></span></a></li>
<li><a title="Все о дизайн" href="/"><i class="fa fa-sitemap"></i><span style="padding-left:10px;">текст</span></a></li>
<li><a title="Коды для установки" href="/"><i class="fa fa-pencil-square-o"></i><span style="padding-left:10px;">текст</span></a></li>
<li><a title="текст" href="/"><i class="fa fa-wrench"></i><span style="padding-left:10px;">текст</span></a></li>
</ul>