Position Mega Menu Submenu

Hey Yigit,
thanks for coming back. Not quite:

There is a thin, lightgrey line underneath the first level menu items. Hovering this, the submenu appears, and its white box overlapps the grey line just by some 3-5px. I would like to the submenu box aligned to the grey line. I do not even know where to make it move anywhere ;-)

cheers, sebastian

Hi Ismael,
thanks for your answer, but this did not solve the problem – yet ,-)

Please see the attached image: the thin orange line (not contained on the site, i just draw the line for demo purposes) marks the upper border of the submenu div. this container should move about 5px downwards to align with the thin grey line, which is supposedly the bottom-border of .header-main?

the CSS you mentioned did not show any result, even if i set it to 100px.

Any other idea?

Thank you,
Sebastian.

• This reply was modified 10 years, 10 months ago by mirzepapa.

Hi Ismael,
thanks for pointing me to the respective part of the code.
I set it up with the CSS snippet from above in the custom.css, playing around with pxs to adjust the container along the line, but did not look that great as expected. So i deleted the snippet, but now the submenu is about 100px underneath the main menu. I have removed browser cache at least 50 times now, but the submenu will not move back to the top.

Is there a conflict with another part in the custom.css, defining the mega_div?

#header .avia_mega_div {
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.1);
  display: none;
  margin: -6px 0 0;
  overflow: hidden;
  padding: 5px 0 0;
  position: absolute;
  right: 0;
  top: 100%;
  z-index: 2;
}

A confused Sebastian.

ups, thanks Ismael, that did the trick ;-)
thread can be closed.

Regards, Sebastian