Long loading mobile menu - by Римінний Владислав

This topic has 3 replies, 3 voices, and was last updated 4 years ago ago by Rose Tyler

  • Avatar: awet
    Римінний Владислав
    Participant
    December 21, 2020 at 17:00

    Hello, please tell me how to remove the effect of lazy mobile menu loading?

    2 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    December 22, 2020 at 15:12

    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

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 22, 2020 at 15:33

    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

  • Viewing 3 results - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.