This topic has 3 replies, 3 voices, and was last updated 3 years, 9 months ago ago by Rose Tyler
Hello, please tell me how to remove the effect of lazy mobile menu loading?
Hello,
The centered type of the menu uses Ajax loading of the mobile menu content and there is no option to disable it. If you don’t like this effect change the mobile menu type to right or left http://prntscr.com/w7v2qr
Regards
Hello,
By default, there is no such possibility.
Try to add the next custom CSS code:
.mobile-menu-popup .skeleton-body.et-popup > div:empty:before {
background-image: none;
background-color: #555;
width: 40px;
height: 40px;
left: 50%;
top: 50%;
min-height: unset;
margin: -30px;
border-radius: 100%;
-webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
animation: sk-scaleout 1.0s infinite ease-in-out;
}
.mobile-menu-popup .skeleton-body.et-popup > div:empty:after {
display: none;
}
@keyframes sk-scaleout {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
100% {
-webkit-transform: scale(1.0);
transform: scale(1.0);
opacity: 0;
}
}
Or you can change the type of Mobile menu https://prnt.sc/w7v0eh (Theme Options > Header builder)
Regards
You must be logged in to reply to this topic.Log in/Sign up