Main Menu conflicts with Header Widget

Hello Sirs,

How are you?

I really enjoy your great theme! Congratulations!

I have implemented the Header Widget above Main Menu, but I am facing the following issue:

In my Header Widget, I have two elements: an image (#text-11 element) and your seach form [avia_search] (#text-9 element).

When I mouse over on menu “TECHNOLOGY” that is exactly below the header widget, mega menu isn’t open. When I mouse over at a point below the menu “TECHNOLOGY”, then the submenu opens normally. The same issue happens to the next menu “ΓΡΑΦΕΙΟ” that is exactly below the header widget too.

See the screenshot here: https://prnt.sc/fhg930

Note: If i reduce the height of the image in the header widget, maybe it will work, but I don’t want to do that.

Website URL: http://zoomit.gr/wordpress_2/

html for image:

CSS Customization:

#header .widget {
padding-top: 0;
position: absolute;
top: 0;
transform: translate(-50%);
z-index: 999;
}

#text-11 {
right: 23%;
}

Thank You In advance,

Nick