Untitled
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...