Прошу помощи с вертикальным выпадающим меню.

Прошу помощи с корректным вертикальным выпадающим меню. Прошу помощи с кодом.
Есть вертикальное меню. Необходимо сделать вертикальное прозрачное выпадающее меню по середине.
Как понятно из кода в файле header.php под меню нет. Помочь сделать под меню и сделать его прозрачным. Соответственно чтобы оно ровненько выпадало по середине в разделе дополнительные услуги.

Код в файле hader.php

HTML:

1. <div id="top1">
2.     <ul>
3.       <img class="icimg" src=""><li><a href="#"><?php pll_e(СКИДКИ); ?></a></li>
4.       <img class="icimg" src=""><li><a href="#"><?php pll_e(ЦЕНЫ); ?></a></li>
5.      <img class="icimg" src=""><li><a href="#"><?php pll_e(ДОПОЛНИТЕЛЬНЫЕ); ?> <?php pll_e(УСЛУГИ); ?> <i class="fa fa-angle-down"></i></a></li>
6.       <img class="icimg" src=""><li><a href="#"><?php pll_e(ВАКАНСИИ); ?></a></li>
7.       <img class="icimg" src=""><li><a href="#"><?php pll_e(ОТЗЫВЫ); ?></a></li>
8.     </ul>
9. </div>

код в файле style.php

Код (CSS):

1. #top1{
2. position:relative;
3. width:100%;
4. height:50px;
5. box-sizing:border-box;
6. z-index:11;
7. font-family:"trebuchet ms", sans-serif;
8. }
9. #top1 ul{
10. display:block;
11. list-style:none;
12. margin: 0px;
13. padding:0px;
14. text-align:justify;
15. font-size:1px;
16. line-height:1px;
17. width:100%;
18. height:20px;
19. }
20. #top1 ul::after{
21. width:100%;
22. height:0px;
23. content:" ";
24. display:inline-block;
25. }
26. #top1 ul li{
27. display:inline-block;
28. width:auto;
29. height:auto;
30. font-size:13px;
31. line-height:1.4em;
32. vertical-align:top;
33. }
34. #top1 ul li a{
35. display:block;
36. width:auto;
37. box-sizing:border-box;
38. padding:0px 0px 0px 5px;
39. font-size:13px;
40. color:#ffffff;
41. text-decoration: none;
42. margin-right: 10px;
43. margin-top: 18px;
44. font-weight: bold;
45. }
46. #top1 ul li a:hover{
47. background: #080808;
48. text-decoration:none;
49. cursor: pointer;
50. color: #f5db2d;
51. }
52. #top1.default {
53.     width:100%;
54. }
55.  
56. #ul.submenu {
57.   display: none;
58.   position: absolute;
59.   width: 120px;
60.   top: 37px;
61.   left: 0;
62.   background-color: white;
63.   border: 1px solid red;
64. }
65.  
66. #ul.submenu > li {
67.     display: block;
68. }
69.  
70. #ul.submenu > li > a {
71.     display: block;
72.     padding: 10px;
73.     color: white;
74.     background-color: red;
75.     text-decoration: none;
76. }
77.  
78. #ul.submenu > li > a:hover {
79.     text-decoration: underline;
80. }
81.  
82. #ul.top1 > li:hover > ul.submenu {
83.     display: block;
84. }

JQUERY В МЕНЮ ПОДКЛЮЧАТЬ НЕ НАДО (если что).