%PDF-
%PDF-
Mini Shell
Mini Shell
/* Style mega-menu and its children on mobile */
.header--row .neve-mega-menu > .sub-menu {
cursor: default;
width: var(--container);
max-width: 100%;
}
.nav-ul > .neve-mega-menu .sub-menu .sub-menu {
max-height: none;
}
.nav-ul > .neve-mega-menu .neve-mm-col {
text-align: right;
cursor: default;
flex: 1;
}
.nav-ul > .neve-mega-menu .neve-mm-col .sub-menu {
border: 0;
padding-right: 0;
}
.nav-ul > .neve-mega-menu .neve-mm-col .sub-menu .sub-menu {
right: 0;
top: 100%;
}
.nav-ul > .neve-mega-menu a {
display: flex;
align-items: center;
}
.nav-ul > .neve-mega-menu a i {
margin-top: 0;
vertical-align: unset;
}
.nav-ul > .neve-mega-menu li.neve-mm-divider {
height: 1px;
margin: 10px auto;
width: 100%;
background-color: currentColor !important;
padding: 0;
cursor: default;
}
.nav-ul > .neve-mega-menu .neve-mm-description {
text-align: right;
justify-content: flex-start;
}
.nav-ul > .neve-mega-menu .neve-mm-heading > span {
padding: 7px 14px;
display: flex;
height: 100%;
cursor: default;
align-items: center;
}
.nav-ul > .neve-mega-menu .neve-mm-heading > span i {
margin-left: 10px;
}
.neve-mm-description {
font-size: 0.8em;
padding: 0 0 7px;
width: 100%;
display: flex;
text-align: center;
}
.neve-mm-heading > span,
.neve-mm-heading > a {
font-size: 1.1em;
cursor: pointer;
display: flex;
align-items: center;
white-space: normal;
font-weight: 700;
text-transform: uppercase;
}
.neve-mm-heading i {
margin-left: 10px;
}
.header-menu-sidebar-inner .sub-menu,
.header-menu-sidebar-inner .sub-menu li {
background-color: transparent !important;
}
.header-menu-sidebar-inner .neve-mega-menu .neve-mm-col > .sub-menu .sub-menu {
max-height: 0;
}
.header-menu-sidebar-inner .neve-mega-menu .neve-mm-col > .sub-menu .sub-menu.dropdown-open {
max-height: 3000px;
}
.header-menu-sidebar-inner .nav-ul > .neve-mega-menu .neve-mm-heading > span {
padding: 3px 0;
}
.header-menu-sidebar-inner .mobile-center .neve-mm-heading > a,
.header-menu-sidebar-inner .mobile-center .neve-mm-heading > span,
.header-menu-sidebar-inner .mobile-center .neve-mm-description {
text-align: center;
justify-content: center;
}
.header-menu-sidebar-inner .mobile-left .neve-mm-heading > a,
.header-menu-sidebar-inner .mobile-left .neve-mm-heading > span,
.header-menu-sidebar-inner .mobile-left .neve-mm-description {
text-align: right;
justify-content: flex-start;
}
.header-menu-sidebar-inner .mobile-right .neve-mm-heading > a,
.header-menu-sidebar-inner .mobile-right .neve-mm-heading > span,
.header-menu-sidebar-inner .mobile-right .neve-mm-description {
text-align: left;
justify-content: flex-end;
}
.header--row .builder-item.has-nav {
position: static;
}
@media (min-width: 576px) {
.header-menu-sidebar-inner .tablet-center .neve-mm-heading > a,
.header-menu-sidebar-inner .tablet-center .neve-mm-heading > span,
.header-menu-sidebar-inner .tablet-center .neve-mm-description {
text-align: center;
justify-content: center;
}
.header-menu-sidebar-inner .tablet-left .neve-mm-heading > a,
.header-menu-sidebar-inner .tablet-left .neve-mm-heading > span,
.header-menu-sidebar-inner .tablet-left .neve-mm-description {
text-align: right;
justify-content: flex-start;
}
.header-menu-sidebar-inner .tablet-right .neve-mm-heading > a,
.header-menu-sidebar-inner .tablet-right .neve-mm-heading > span,
.header-menu-sidebar-inner .tablet-right .neve-mm-description {
text-align: left;
justify-content: flex-end;
}
}
@media (min-width: 960px) {
.header--row .nv-nav-wrap .primary-menu-ul .neve-mega-menu > .sub-menu {
right: 50% !important;
left: unset !important;
transform: translateX(50%);
position: absolute;
padding: 20px;
top: auto;
display: none;
}
.header--row .nv-nav-wrap .primary-menu-ul .neve-mega-menu > .sub-menu:not(.dropdown-open) {
pointer-events: none;
}
.header--row .nv-nav-wrap .primary-menu-ul .neve-mega-menu:hover > .sub-menu,
.header--row .nv-nav-wrap .primary-menu-ul .neve-mega-menu:focus > .sub-menu,
.header--row .nv-nav-wrap .primary-menu-ul .neve-mega-menu:focus-within > .sub-menu {
display: flex;
opacity: 1;
visibility: visible;
pointer-events: all;
}
.header--row .nv-nav-wrap .primary-menu-ul .neve-mega-menu {
position: unset;
}
.header--row .nv-nav-wrap .primary-menu-ul .neve-mega-menu li > > a,
.header--row .nv-nav-wrap .primary-menu-ul .neve-mega-menu li > > span {
padding: 7px 0;
margin: 0 14px;
}
.header--row .nv-nav-wrap .primary-menu-ul .neve-mega-menu .neve-mm-col > .sub-menu {
visibility: visible;
position: relative;
right: initial;
left: initial;
opacity: 1;
box-shadow: none;
display: flex;
flex-direction: column;
text-align: right;
width: 100%;
}
.header--row .nv-nav-wrap .primary-menu-ul .neve-mega-menu .neve-mm-col > .sub-menu a {
white-space: normal;
justify-content: flex-start;
}
.header--row .nv-nav-wrap .primary-menu-ul .neve-mega-menu .neve-mm-col > .sub-menu li:not(.neve-mm-divider) {
border: 0;
}
.header--row .nv-nav-wrap .primary-menu-ul .neve-mega-menu .neve-mm-col {
padding: 0 10px;
align-items: flex-start;
border: 0;
}
.header--row .nv-nav-wrap .primary-menu-ul .neve-mega-menu .neve-mm-col:not(:last-child) {
border-left: 1px solid currentColor !important;
}
.neve-mm-description {
justify-content: center;
padding: 0 12px 7px;
}
.header-menu-sidebar-inner .desktop-center .neve-mm-heading > a,
.header-menu-sidebar-inner .desktop-center .neve-mm-heading > span,
.header-menu-sidebar-inner .desktop-center .neve-mm-description {
text-align: center;
justify-content: center;
}
.header-menu-sidebar-inner .desktop-left .neve-mm-heading > a,
.header-menu-sidebar-inner .desktop-left .neve-mm-heading > span,
.header-menu-sidebar-inner .desktop-left .neve-mm-description {
text-align: right;
justify-content: flex-start;
}
.header-menu-sidebar-inner .desktop-right .neve-mm-heading > a,
.header-menu-sidebar-inner .desktop-right .neve-mm-heading > span,
.header-menu-sidebar-inner .desktop-right .neve-mm-description {
text-align: left;
justify-content: flex-end;
}
}
Zerion Mini Shell 1.0