Dropdown menu does not fit the screen

Hi! Could you help me with fixing the dropdown menu for my webpage: www.socialinnovation.lv ? When I press “Projects–> Finished projects”, large dropdown menu appears and when scrolling, the background does scroll, but the menu stays the same. It should be vice versa, otherwise not all of the projects are visible. Could you suggest a solution?

Another problem I have concerns the language bar. I am able to add language bar to the footer only, but I need it at the top menu (the last one after Contacts). How to make it with the dropdown list of 2 languages?

Would be thankful for your support!

Best regards,
Beata

Hi Beata,

Thank you for contacting us.

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    .main-navigation ul ul li:hover > ul,
    .main-navigation ul ul li.focus > ul {
    	left: unset;
      right: 240px;
    }

    .main-navigation ul ul ul a {
      padding: 5px 3px;
      font-size: 90%;
    }

Regards,
Kharis
aThemes Support