Hi, Do you mega menu (main menu) from the top? And do you want to remove underline animation? If yes, just use this custom CSS

 .sp-megamenu-parent > li > a::before {
    background: #fff;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

The menu with the meals and drinks. Add on: Classic Menu

But if you thought about Food Menu from addon Classic Menu - as I remember you have to turn off animation in addon code OR disble using custom CSS.

Details: Animation was added inside this addon code as extra styles inside this file: templates\shaper_cuisine\sppagebuilder\addons\classic_menu\site.php

Line 70 - where animation classes & styles are added.

OR
Just use below custom CSS only on your restaurnat menu page

 .sppb-classic-menu-inner.sppb-animated {
    -webkit-animation-duration: 0s;
    animation-duration: 0s;
    -webkit-animation-fill-mode: none;
    animation-fill-mode: none;
}

Hi Paul, thank you very much for your quick help. One more question. Can you see why mobile the distance between the 2 and 3 (4 and 5) etc. is greater than between the 1 and 2 entry. Ingo

I think it's because default margin, that it's also used in mobile view. But below code should help

@media (max-width: 640px) {
.sppb-addon-classic-menu .sppb-classic-menu-items > div {
    margin-bottom: 0px;}
}