Menu drop down selection issue

[SiliconValley]

1.I am facing issue with the main menu, when I click on 'Our service' to select submenu items, the menu pop up goes away. Hence, user will face difficulty in navigation. Can someone please help me fix this issue? 
2. Also, I want the Services items get distributed evenly, there is much space left at the left side.

Link - https://734bb6-cf.myshopify.com/
Password - cheold
PFA

[SiliconValley]

Yes, right

[tim · Accepted solution]

https://community.shopify.com/c/shopify-design/dawn-13-0-megamenu-dropdown-is-dissapearing-after-hov... 

For your menu you may want to make the "extension" wider:

header-menu [open] summary:after {
  content: "";
  position: absolute;
  top: 3em;
  height: 2em;
  left: -4em;
  right: -4em;
  background:red;
}

Also, by default the dropdown is designed with 6 columns. You can change it to, say 4 columns:

header-menu .mega-menu__list {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}