Return to previous page

White bars appear when opening popup menu (Xstore theme)

This topic has 3 replies, 2 voices, and was last updated 1 years, 6 months ago ago by 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
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
gdd

Participant

September 30, 2022 at 16:39

That worked, thanks!!!

#335513 Copied
Tagged: menu, popup, white bars, woocommerce, wordpress, xstore
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

White bars appear when opening popup menu (Xstore theme)

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection