Hi,

I purchased template Layla and am trying to use it for the website I am building. However, I encounter a problem with the top menu. See attached screenshot.

In the menu "Producten", there are quite a number of (level 2) submenu items, so I decided to use 4 columns. The mouse is hovering over menu item "Plint". This item has five (level 3) submenu items, which get split into the next column. I think it really does not look nice and moreover the items "Koperen plint", "Messing plint" and "Rvs plint" are not reachable, because the mouse will leave the level 3 submenu before reaching these items and therefore the level 3 submenu will collapse.

I think a nice solution would be that the level 3 submenu simply goes beyond the bottom of the level 2 submenu. I tried to achieve this myself by adapting the css, but couldn't find how. Could you please solve this for me?

Thank you in advance for your response!

Herman.