Untitled

 avatar
unknown
css
2 years ago
1.3 kB
6
Indexable
/* Set up transitions */
body:not(.fl-builder-edit) [id^="mega-"] {
    transition: all 300ms ease-in-out;
    z-index: 100;
}

/* Show mega menu when needed */
.show-mega {
    visibility: visible !important;
    opacity: 1 !important;
}

/* Show mega menu on hover for desktop */
body:not(.fl-builder-edit) [id^="mega-"]:hover {
    visibility: visible !important;
    opacity: 1 !important;
}

/* Show mega menu on mobile */
body.show-mega-mobile [id^="mega-"] {
    visibility: visible !important;
    opacity: 1 !important;
}

/* Mega menu settings for small screens */
@media (max-width: 767px) {
    .mega-mobile-container {
        visibility: hidden;
        opacity: 0;
        position: fixed;
        top: 150px;
        left: 0;
        bottom: 0;
        overflow-y: scroll;
        width: 100%;
        z-index: 100;
        transition: all 300ms ease-in-out;
    }
    .show-mega-mobile .mega-mobile-container {
        visibility: visible !important;
        opacity: 1 !important;
    }
}

/* Mega menu settings for larger screens */
@media (min-width: 768px) {
    body:not(.fl-builder-edit) [id^="mega-"] {
        visibility: hidden;
        opacity: 0;
        position: fixed;
        top: 150px;
        left: 0;
        width: 100%;
    }
}
Editor is loading...