Как изменить анимацию выпадающего меню для Materialize.css?

Question

Как мне отредактировать анимацию выпадающего меню в Materialize.css Framework?

https://materializecss.com/dropdown.html

css-код выпадающего контента от Materialize.css

Есть встроенные translateY и X, которые анимируют inline, когда я нажимаю. Как сделать так, чтобы оно появилось сверху?

Мне нужно создать наведение для навигации, как в этом примере

https://codepen.io/AUDesign/pen/VNYYrV

Это не поможет ..

  $('.dropdown-trigger').dropdown({
    constrainWidth: false,
    coverTrigger: false,
    hover: true,
    inDuration: 300,
    outDuration: 300,
    alignment: 'left', // Displays dropdown with edge aligned to the left of button

});