Animation in the Classic Menu - Forum | JoomShaper
Staff replied Templates

Animation in the Classic Menu

Asked by Deich8 5 years ago Last activity 5 years ago

Hello,
can I turn off the animation in the Classic Menu in Restora?
Best regards
Ingo

5 replies

Oldest first Newest first Most helpful
Paul Frankowski Senior Staff
5 years ago

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;
}
Deich8 Asked this
5 years ago

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

Paul Frankowski Senior Staff
5 years ago · edited

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;
}
Deich8 Asked this
5 years ago

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

Paul Frankowski Senior Staff
5 years ago

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;}
}
Log in to reply.