Return to previous page

White bars appear when opening popup menu (Xstore theme)

This topic has 3 replies, 2 voices, and was last updated 2 years, 1 months ago ago by gdd

  • Avatar: gdd
    gdd
    Participant
    September 29, 2022 at 21:43

    In mobile, I set the mobile menu to cover the full screen. No matter what page I’m on, when you click the menu open, there is an initial appearance of several different lengths of white bars perhaps around 20px tall that do not correspond with any of the content. In fact if I remove the menu and logo and leave it blank, the bars still appear and disappear quickly when the animation ends.

    I’ve isolated it to a specific div but I cannot see what initial html loads before it disappears. I can’t even overwrite the white bars with css since I don’t know what is causing it. It only happens with the full screen mobile menu popup options. It is possibly something that occurs with the animation. Is there a way perhaps to deactivate that animation? It’s not needed.

    Please, contact administrator
    for this information.
    #335430 Copied Theme version: 8.3.3
    2 Answers
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    September 30, 2022 at 09:15

    Hello, @gdd,

    By default, there is no such possibility.

    Try to add the next Custom CSS code under XStore >> Theme Settings >> Theme Custom CSS >> Global CSS and check back your site after removing the cache.

    .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 8Themes Team.

    #335465 Copied
    Avatar: gdd
    gdd
    Participant
    September 30, 2022 at 16:39

    That worked, thanks!!!

    #335513 Copied

  • Tagged: , , , , ,

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

The issue related to '‘White bars appear when opening popup menu (Xstore theme)’' has been successfully resolved, and the topic is now closed for further responses

8theme customization service

Helpful Topics

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Bakery Store – WordPress WooCommerce Theme
lazy-placeholder
Underwear – WooCommerce Theme
lazy-placeholder
Delivery – WordPress WooCommerce Theme
lazy-placeholder
Mango – Responsive eCommerce PSD Template
lazy-placeholder
Games Store – WordPress WooCommerce Theme
lazy-placeholder
Hemp & CDB – WordPress WooCommerce Theme
lazy-placeholder
Poster – WooCommerce Theme
lazy-placeholder
Cleaning – WordPress WooCommerce Theme
lazy-placeholder
Engineer Store – WordPress WooCommerce Theme
lazy-placeholder
Pizza Store – WordPress WooCommerce Theme

See All Templates

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