Menu and Sub menu gap

Hello,
I have to set my header slightly taller to accommodate my logo and this cause the location of the menu to be slightly higher above the lower part of the header. As I wanted to close the gap between the menu and submenu, I added quick css code:

.menu > li > .sub-menu {
top: 90px !important;
}
.header-scrolled .menu > li > .sub-menu {
top: 75px !important;
}

The css code move the menu bar lower towards the lower end of the header and the gap between the menu and submenu become smaller. I did not like the look and I removed the quick css code. However, the menu stays the same and did not return to the previous location beside the search icon.

My questions:
1. What do I have to do to return the menu to the original location beside the search icon?
2. How do I move the submenu up towards the menu to close the gap without moving the location of the menu?

Thank you.