Lara B

Логика основана на гридах. Добавляются классы 'slim1, slim2, slim2, которые задают элементам определенное положение в сетке в правой части А у того, что слева добавляется класс 'active' .
Пример на codepen

Можно добавить еще обертку, которая и будет показываться при наведении, а этой оберке задать верхний паддинг . Внутри этой обертки разместите этот блок с меню. То есть : есть невидимый див, который показывается по ховеру и внутри него меню от верха отодвинутоверхним паддингом

сначала надо получить значение ширины блока, а потом это значение уменьшить
https://codepen.io/Lareta/pen/LoNjZz