astra_dropdown_type_static_css()
Add static CSS for Dropdown Type.
Description
Return
(string.)
Source
File: inc/builder/type/header/off-canvas/dynamic-css/dynamic.css.php
function astra_dropdown_type_static_css() {
$dropdown_type_css = '
.ast-mobile-header-content > *,
.ast-desktop-header-content > * {
padding: 10px 0;
height: auto;
}
.ast-mobile-header-content > *:first-child,
.ast-desktop-header-content > *:first-child {
padding-top: 10px;
}
.ast-mobile-header-content > .ast-builder-menu,
.ast-desktop-header-content > .ast-builder-menu {
padding-top: 0;
}
.ast-mobile-header-content > *:last-child,
.ast-desktop-header-content > *:last-child {
padding-bottom: 0;
}
.ast-mobile-header-content .ast-search-menu-icon.ast-inline-search label,
.ast-desktop-header-content .ast-search-menu-icon.ast-inline-search label {
width: 100%;
}
.ast-desktop-header-content .main-header-bar-navigation .ast-submenu-expanded > .ast-menu-toggle::before {
transform: rotateX(180deg);
}
#ast-desktop-header .ast-desktop-header-content,
.ast-mobile-header-content .ast-search-icon,
.ast-desktop-header-content .ast-search-icon,
.ast-mobile-header-wrap .ast-mobile-header-content,
.ast-main-header-nav-open.ast-popup-nav-open .ast-mobile-header-wrap .ast-mobile-header-content,
.ast-main-header-nav-open.ast-popup-nav-open .ast-desktop-header-content {
display: none;
}
.ast-main-header-nav-open.ast-header-break-point #ast-desktop-header .ast-desktop-header-content,
.ast-main-header-nav-open.ast-header-break-point .ast-mobile-header-wrap .ast-mobile-header-content {
display: block;
}
.ast-desktop .ast-desktop-header-content .astra-menu-animation-slide-up > .menu-item > .sub-menu,
.ast-desktop .ast-desktop-header-content .astra-menu-animation-slide-up > .menu-item .menu-item > .sub-menu,
.ast-desktop .ast-desktop-header-content .astra-menu-animation-slide-down > .menu-item > .sub-menu,
.ast-desktop .ast-desktop-header-content .astra-menu-animation-slide-down > .menu-item .menu-item > .sub-menu,
.ast-desktop .ast-desktop-header-content .astra-menu-animation-fade > .menu-item > .sub-menu,
.ast-desktop .ast-desktop-header-content .astra-menu-animation-fade > .menu-item .menu-item > .sub-menu {
opacity: 1;
visibility: visible;
}
.ast-hfb-header.ast-default-menu-enable.ast-header-break-point .ast-mobile-header-wrap .ast-mobile-header-content .main-header-bar-navigation {
width: unset;
margin: unset;
}';
if ( is_rtl() ) {
$dropdown_type_css .= '
.ast-mobile-header-content.content-align-flex-end .main-header-bar-navigation .menu-item-has-children > .ast-menu-toggle,
.ast-desktop-header-content.content-align-flex-end .main-header-bar-navigation .menu-item-has-children > .ast-menu-toggle {
right: calc( 20px - 0.907em);
}
.ast-mobile-header-content .ast-search-menu-icon,
.ast-mobile-header-content .ast-search-menu-icon.slide-search,
.ast-desktop-header-content .ast-search-menu-icon,
.ast-desktop-header-content .ast-search-menu-icon.slide-search {
width: 100%;
position: relative;
display: block;
left: auto;
transform: none;
}
.ast-mobile-header-content .ast-search-menu-icon.slide-search .search-form,
.ast-mobile-header-content .ast-search-menu-icon .search-form,
.ast-desktop-header-content .ast-search-menu-icon.slide-search .search-form,
.ast-desktop-header-content .ast-search-menu-icon .search-form {
left: 0;
visibility: visible;
opacity: 1;
position: relative;
top: auto;
transform: none;
padding: 0;
display: block;
overflow: hidden;
}
.ast-mobile-header-content .ast-search-menu-icon.ast-inline-search .search-field,
.ast-mobile-header-content .ast-search-menu-icon .search-field,
.ast-desktop-header-content .ast-search-menu-icon.ast-inline-search .search-field,
.ast-desktop-header-content .ast-search-menu-icon .search-field {
width: 100%;
padding-left: 5.5em;
}
.ast-mobile-header-content .ast-search-menu-icon .search-submit,
.ast-desktop-header-content .ast-search-menu-icon .search-submit {
display: block;
position: absolute;
height: 100%;
top: 0;
left: 0;
padding: 0 1em;
border-radius: 0;
}
.ast-hfb-header.ast-default-menu-enable.ast-header-break-point .ast-mobile-header-wrap .ast-mobile-header-content .main-header-bar-navigation ul .sub-menu .menu-link {
padding-right: 30px;
}
.ast-hfb-header.ast-default-menu-enable.ast-header-break-point .ast-mobile-header-wrap .ast-mobile-header-content .main-header-bar-navigation .sub-menu .menu-item .menu-item .menu-link {
padding-right: 40px;
}';
} else {
$dropdown_type_css .= '
.ast-mobile-header-content.content-align-flex-end .main-header-bar-navigation .menu-item-has-children > .ast-menu-toggle,
.ast-desktop-header-content.content-align-flex-end .main-header-bar-navigation .menu-item-has-children > .ast-menu-toggle {
left: calc( 20px - 0.907em);
}
.ast-mobile-header-content .ast-search-menu-icon,
.ast-mobile-header-content .ast-search-menu-icon.slide-search,
.ast-desktop-header-content .ast-search-menu-icon,
.ast-desktop-header-content .ast-search-menu-icon.slide-search {
width: 100%;
position: relative;
display: block;
right: auto;
transform: none;
}
.ast-mobile-header-content .ast-search-menu-icon.slide-search .search-form,
.ast-mobile-header-content .ast-search-menu-icon .search-form,
.ast-desktop-header-content .ast-search-menu-icon.slide-search .search-form,
.ast-desktop-header-content .ast-search-menu-icon .search-form {
right: 0;
visibility: visible;
opacity: 1;
position: relative;
top: auto;
transform: none;
padding: 0;
display: block;
overflow: hidden;
}
.ast-mobile-header-content .ast-search-menu-icon.ast-inline-search .search-field,
.ast-mobile-header-content .ast-search-menu-icon .search-field,
.ast-desktop-header-content .ast-search-menu-icon.ast-inline-search .search-field,
.ast-desktop-header-content .ast-search-menu-icon .search-field {
width: 100%;
padding-right: 5.5em;
}
.ast-mobile-header-content .ast-search-menu-icon .search-submit,
.ast-desktop-header-content .ast-search-menu-icon .search-submit {
display: block;
position: absolute;
height: 100%;
top: 0;
right: 0;
padding: 0 1em;
border-radius: 0;
}
.ast-hfb-header.ast-default-menu-enable.ast-header-break-point .ast-mobile-header-wrap .ast-mobile-header-content .main-header-bar-navigation ul .sub-menu .menu-link {
padding-left: 30px;
}
.ast-hfb-header.ast-default-menu-enable.ast-header-break-point .ast-mobile-header-wrap .ast-mobile-header-content .main-header-bar-navigation .sub-menu .menu-item .menu-item .menu-link {
padding-left: 40px;
}';
}
return Astra_Enqueue_Scripts::trim_css( $dropdown_type_css );
}
Expand full source code Collapse full source code View on Trac
Changelog
| Version | Description |
|---|---|
| 3.4.0 | Introduced. |