View file File name : below-menu-fullscreen.css Content :/*---------- Media Query min-width Structure ----------*/ /*---------- Media Query max-width Structure ----------*/ /*---------- Break-point min-width Structure ----------*/ /*---------- Break-point max-width Structure ----------*/ /** * Fullscreen Menu styling */ .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap { display: none; background: #fff; position: fixed; left: 0; right: 0; top: 0; bottom: 0; display: block !important; opacity: 0; visibility: hidden; transition: opacity linear 0.2s, visibility linear 0.2s, background linear 0.2s; text-align: center; } .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap .ast-below-header-menu { margin-bottom: 40px; background: transparent !important; border-width: 0; border-style: solid; border-color: var(--ast-border-color); } .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap .ast-below-header-menu > .menu-item:first-child > .menu-link:before { border: none; } .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap .close { position: fixed; display: none; text-align: right; height: 40px; cursor: pointer; z-index: 99; } .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap .close:hover { opacity: 1; } .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap .widget_shopping_cart .woocommerce-mini-cart__buttons a { padding: 10px 15px; font-weight: normal; } .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap .widget_price_filter .price_slider_amount .button { padding: 10px 15px; font-weight: normal; } .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap ul.product_list_widget li a { margin-bottom: 4px; line-height: 1.2; } .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap .sub-menu { text-align: center; } .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-section-separated .ast-below-header-menu { text-align: center; justify-content: center; } .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-section-separated .ast-below-header-actual-nav { bottom: 0; transform: none; left: auto; -js-display: flex !important; display: flex !important; background: transparent; } .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-menu { display: inherit; } .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-actual-nav { min-height: calc(100% - 40px); -js-display: flex; display: flex; align-items: center; justify-content: center; } .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-actual-nav ul .menu-item .menu-link { width: auto; border: 0; } .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-actual-nav ul .menu-item > div { position: static; } .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-actual-nav .sub-menu .menu-item .menu-link:before { content: ''; margin: 0; } .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-actual-nav .sub-menu .menu-item .menu-item .menu-link:before { content: ''; margin: 0; } .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-actual-nav .sub-menu .menu-item .menu-item .menu-link:before .menu-item .menu-link:before { content: ''; margin: 0; } .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-actual-nav .sub-menu .menu-item .menu-item .menu-link:before .menu-item .menu-link:before .menu-item .menu-link:before { content: ''; margin-right: 2px; } .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header { text-align: center; } .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header .ast-below-header-navigation-wrap .menu-item-has-children > .ast-menu-toggle { position: relative; right: 0; } .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-button-wrap .menu-below-header-toggle.toggled .menu-toggle-icon:before { content: "\e5d2"; } .ast-fullscreen-below-menu-enable.ast-header-break-point.below-header-nav-padding-support .ast-below-header-menu .menu-item .menu-link { border-bottom: none; } .ast-fullscreen-below-menu-enable.ast-header-break-point.below-header-nav-padding-support .ast-below-header-menu .menu-item:first-child .menu-link { border-bottom: none; } .ast-fullscreen-below-menu-enable.ast-header-break-point.below-header-nav-padding-support .ast-below-header-menu .menu-item:last-child .menu-link { border-bottom: none; } .ast-fullscreen-below-menu-enable.ast-header-break-point.admin-bar.ast-admin-bar-visible .ast-below-header-actual-nav { min-height: calc(100% - 40px); } @media screen and (max-width: 782px) { .ast-fullscreen-below-menu-enable.ast-header-break-point.admin-bar.ast-admin-bar-visible .ast-below-header-actual-nav { min-height: calc(100% - 86px); } } @media screen and (min-width: 480px) { .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap .ast-below-header-menu { margin-left: 40px; margin-right: 40px; } .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-section-wrap .ast-justify-content-flex-end:first-child { margin-left: 40px; } } @media screen and (max-width: 479px) { .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-section-wrap .ast-justify-content-flex-end:first-child { margin-left: -20px; } } @media (max-width: 544px) { .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-section-separated.ast-below-header-mobile-stack .below-header-section-1 { text-align: center; } .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-section-separated.ast-below-header-mobile-stack .below-header-section-2 { text-align: center; } } .ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-menu { display: inherit; } .ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap .close { display: block; } .ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap { display: block; } .ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point.admin-bar.ast-admin-bar-visible .ast-below-header-navigation-wrap { padding-top: 32px; } @media screen and (max-width: 782px) { .ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point.admin-bar.ast-admin-bar-visible .ast-below-header-navigation-wrap { padding-top: 46px; } } .ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point #ast-fixed-header.ast-header-slide { height: 100% !important; max-height: 100% !important; } .ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-stick-primary-below-wrapper { z-index: 6; } .ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header { z-index: 6; } .ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-stick-primary-below-wrapper, .ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point .main-header-bar, .ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-stick-primary-below-wrapper, .ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-above-header { z-index: 5; } .ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap { opacity: 1; visibility: visible; overflow-y: auto; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 5; } .admin-bar.ast-admin-bar-visible .ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap { top: 32px; } @media screen and (max-width: 782px) { .admin-bar.ast-admin-bar-visible .ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap { top: 46px; } } .ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation-wrap .ast-below-header-navigation-wrap { left: 0; } .ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-header-sections-navigation, .ast-fullscreen-below-menu-overlay .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-menu-items { background: transparent; } .ast-header-stick-slide-active .ast-fullscreen-below-menu-enable.ast-header-break-point #ast-fixed-header .ast-below-header-navigation-wrap { visibility: hidden; }