astra_ext_above_header_sections_dynamic_css( string $dynamic_css, string $dynamic_css_filtered = '' )
Dynamic CSS
Description
Parameters
- $dynamic_css
-
(string) (Required) Astra Dynamic CSS.
- $dynamic_css_filtered
-
(string) (Optional) Astra Dynamic CSS Filters.
Default value: ''
Return
(string)
Source
File: addons/sticky-header/classes/dynamic-css/header-sections-dynamic.css.php
function astra_ext_above_header_sections_dynamic_css( $dynamic_css, $dynamic_css_filtered = '' ) {
/**
* Set colors
*
* If colors extension is_active then get color from it.
* Else set theme default colors.
*/
$stick_header = astra_get_option_meta( 'stick-header-meta' );
$stick_header_above_meta = astra_get_option_meta( 'header-above-stick-meta' );
$stick_header_above = astra_get_option( 'header-above-stick' );
$sticky_header_style = astra_get_option( 'sticky-header-style' );
$sticky_hide_on_scroll = astra_get_option( 'sticky-hide-on-scroll' );
/**
* Above Header.
*/
$default_desktop_sticky_above_header_bg_color = '#ffffff';
if ( true === astra_addon_builder_helper()->is_header_footer_builder_active ) {
$default_desktop_sticky_above_header_bg_color = '';
}
$desktop_sticky_above_header_bg_color = astra_get_prop( astra_get_option( 'sticky-above-header-bg-color-responsive' ), 'desktop', $default_desktop_sticky_above_header_bg_color );
$tablet_sticky_above_header_bg_color = astra_get_prop( astra_get_option( 'sticky-above-header-bg-color-responsive' ), 'tablet' );
$mobile_sticky_above_header_bg_color = astra_get_prop( astra_get_option( 'sticky-above-header-bg-color-responsive' ), 'mobile' );
$sticky_above_header_menu_bg_color_responsive = astra_get_option( 'sticky-above-header-menu-bg-color-responsive' );
$sticky_above_header_menu_color_responsive = astra_get_option( 'sticky-above-header-menu-color-responsive' );
$sticky_above_header_menu_h_color_responsive = astra_get_option( 'sticky-above-header-menu-h-color-responsive' );
$sticky_above_header_menu_h_a_bg_color_responsive = astra_get_option( 'sticky-above-header-menu-h-a-bg-color-responsive' );
$sticky_above_header_submenu_bg_color_responsive = astra_get_option( 'sticky-above-header-submenu-bg-color-responsive' );
$sticky_above_header_submenu_color_responsive = astra_get_option( 'sticky-above-header-submenu-color-responsive' );
$sticky_above_header_submenu_h_color_responsive = astra_get_option( 'sticky-above-header-submenu-h-color-responsive' );
$sticky_above_header_submenu_h_a_bg_color_responsive = astra_get_option( 'sticky-above-header-submenu-h-a-bg-color-responsive' );
$sticky_above_content_section_text_color = astra_get_option( 'sticky-above-header-content-section-text-color-responsive' );
$sticky_above_content_section_link_color = astra_get_option( 'sticky-above-header-content-section-link-color-responsive' );
$sticky_above_content_section_link_h_color = astra_get_option( 'sticky-above-header-content-section-link-h-color-responsive' );
if ( ! $stick_header_above && ( 'disabled' !== $stick_header && empty( $stick_header ) && ( empty( $stick_header_above_meta ) ) ) ) {
return $dynamic_css;
}
$above_header_sticky_selector = '.ast-above-sticky-header-active .ast-above-header-wrap .ast-above-header';
if ( true === astra_addon_builder_helper()->is_header_footer_builder_active ) {
$above_header_sticky_selector = '.ast-above-sticky-header-active .ast-above-header.ast-header-sticked';
}
$parse_css = '';
/**
* Sticky Header
*
* [1]. Sticky Header Above colors options.
*/
/**
* Above Header.
*/
if ( 'none' === $sticky_header_style && ! $sticky_hide_on_scroll ) {
$desktop_above_header_css_output = array(
'.ast-above-header-bar.ast-header-sticked' => array(
'z-index' => 9,
),
$above_header_sticky_selector => array(
'background' => esc_attr( $desktop_sticky_above_header_bg_color ),
),
'.ast-header-break-point.ast-above-sticky-header-active .ast-above-header-section-separated .ast-above-header-navigation, .ast-header-break-point.ast-above-sticky-header-active .ast-above-header-section-separated .ast-above-header-navigation > ul' => array(
'background-color' => esc_attr( $sticky_above_header_menu_bg_color_responsive['desktop'] ),
),
'.ast-above-sticky-header-active .ast-above-header .ast-search-menu-icon .search-field, .ast-above-sticky-header-active .ast-above-header .ast-search-menu-icon .search-field:focus' => array(
'background-color' => esc_attr( $sticky_above_header_menu_bg_color_responsive['desktop'] ),
),
'.ast-above-sticky-header-active .ast-above-header-menu,.ast-header-break-point.ast-above-sticky-header-active .ast-above-header-section-separated .ast-above-header-navigation .ast-above-header-menu' => array(
'background-color' => esc_attr( $sticky_above_header_menu_bg_color_responsive['desktop'] ),
),
'.ast-above-sticky-header-active .ast-above-header-navigation .ast-above-header-menu .menu-link, .ast-header-break-point .ast-above-header-navigation > .ast-above-header-menu > .menu-item-has-children:not(.current-menu-item) > .ast-menu-toggle' => array(
'color' => esc_attr( $sticky_above_header_menu_color_responsive['desktop'] ),
),
'.ast-above-sticky-header-active .ast-above-header-navigation .menu-item:hover > .menu-link, .ast-above-sticky-header-active .ast-above-header-navigation .menu-item.focus > .menu-link' => array(
'color' => esc_attr( $sticky_above_header_menu_h_color_responsive['desktop'] ),
'background-color' => esc_attr( $sticky_above_header_menu_h_a_bg_color_responsive['desktop'] ),
),
'.ast-above-sticky-header-active .ast-above-header-navigation .menu-item.current-menu-item > .menu-link,.ast-above-sticky-header-active .ast-above-header-navigation .menu-item.current-menu-ancestor > .menu-link' => array(
'color' => esc_attr( $sticky_above_header_menu_h_color_responsive['desktop'] ),
'background-color' => esc_attr( $sticky_above_header_menu_h_a_bg_color_responsive['desktop'] ),
),
/**
* Above Header Dropdown Navigation
*/
'.ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item:hover > .menu-link, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item:focus > .menu-link, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.focus > .menu-link,.ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item:hover > .ast-menu-toggle, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item:focus > .ast-menu-toggle, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.focus > .ast-menu-toggle' => array(
'color' => esc_attr( $sticky_above_header_submenu_h_color_responsive['desktop'] ),
'background-color' => esc_attr( $sticky_above_header_submenu_h_a_bg_color_responsive['desktop'] ),
),
'.ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor > .ast-menu-toggle, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-item > .ast-menu-toggle, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor:hover > .ast-menu-toggle, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor:focus > .ast-menu-toggle, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor.focus > .ast-menu-toggle, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-item:hover > .ast-menu-toggle, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-item:focus > .ast-menu-toggle, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-item.focus > .ast-menu-toggle' => array(
'color' => esc_attr( $sticky_above_header_submenu_h_color_responsive['desktop'] ),
),
'.ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor > .menu-link, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-item > .menu-link, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor:hover > .menu-link, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor:focus > .menu-link, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor.focus > .menu-link, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-item:hover > .menu-link, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-item:focus > .menu-link, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-item.focus > .menu-link' => array(
'color' => esc_attr( $sticky_above_header_submenu_h_color_responsive['desktop'] ),
'background-color' => esc_attr( $sticky_above_header_submenu_h_a_bg_color_responsive['desktop'] ),
),
'.ast-above-sticky-header-active .ast-above-header-navigation .ast-above-header-menu .sub-menu, .ast-header-break-point.ast-above-sticky-header-active .ast-above-header-section-separated .ast-above-header-navigation .sub-menu, .ast-header-break-point.ast-above-sticky-header-active .ast-above-header-section-separated .ast-above-header-navigation .submenu' => array(
'background-color' => esc_attr( $sticky_above_header_submenu_bg_color_responsive['desktop'] ),
),
'.ast-above-sticky-header-active .ast-above-header-navigation .ast-above-header-menu .sub-menu .menu-link, .ast-above-sticky-header-active .ast-above-header-navigation .sub-menu' => array(
'color' => esc_attr( $sticky_above_header_submenu_color_responsive['desktop'] ),
),
// Content Section text color.
'.ast-above-sticky-header-active .ast-above-header-section .user-select, .ast-above-sticky-header-active .ast-above-header-section .widget, .ast-above-sticky-header-active .ast-above-header-section .widget-title' => array(
'color' => esc_attr( $sticky_above_content_section_text_color['desktop'] ),
),
// Content Section link color.
'.ast-above-sticky-header-active .ast-above-header-section .user-select a, .ast-above-sticky-header-active .ast-above-header-section .widget a' => array(
'color' => esc_attr( $sticky_above_content_section_link_color['desktop'] ),
),
// Content Section link hover color.
'.ast-above-sticky-header-active .ast-above-header-section .user-select a:hover, .ast-above-sticky-header-active .ast-above-header-section .widget a:hover' => array(
'color' => esc_attr( $sticky_above_content_section_link_h_color['desktop'] ),
),
);
$tablet_above_header_css_output = array(
$above_header_sticky_selector => array(
'background' => esc_attr( $tablet_sticky_above_header_bg_color ),
),
'.ast-header-break-point.ast-above-sticky-header-active .ast-above-header-section-separated .ast-above-header-navigation, .ast-header-break-point.ast-above-sticky-header-active .ast-above-header-section-separated .ast-above-header-navigation > ul' => array(
'background-color' => esc_attr( $sticky_above_header_menu_bg_color_responsive['tablet'] ),
),
'.ast-above-sticky-header-active .ast-above-header .ast-search-menu-icon .search-field, .ast-above-sticky-header-active .ast-above-header .ast-search-menu-icon .search-field:focus' => array(
'background-color' => esc_attr( $sticky_above_header_menu_bg_color_responsive['tablet'] ),
),
'.ast-above-sticky-header-active .ast-above-header-menu,.ast-header-break-point.ast-above-sticky-header-active .ast-above-header-section-separated .ast-above-header-navigation .ast-above-header-menu' => array(
'background-color' => esc_attr( $sticky_above_header_menu_bg_color_responsive['tablet'] ),
),
'.ast-above-sticky-header-active .ast-above-header-navigation .ast-above-header-menu .menu-link, .ast-header-break-point .ast-above-header-navigation > .ast-above-header-menu > .menu-item-has-children:not(.current-menu-item) > .ast-menu-toggle' => array(
'color' => esc_attr( $sticky_above_header_menu_color_responsive['tablet'] ),
),
'.ast-above-sticky-header-active .ast-above-header-navigation .menu-item:hover > .menu-link, .ast-above-sticky-header-active .ast-above-header-navigation .menu-item.focus > .menu-link' => array(
'color' => esc_attr( $sticky_above_header_menu_h_color_responsive['tablet'] ),
'background-color' => esc_attr( $sticky_above_header_menu_h_a_bg_color_responsive['tablet'] ),
),
'.ast-above-sticky-header-active .ast-above-header-navigation .menu-item.current-menu-item > .menu-link,.ast-above-sticky-header-active .ast-above-header-navigation .menu-item.current-menu-ancestor > .menu-link' => array(
'color' => esc_attr( $sticky_above_header_menu_h_color_responsive['tablet'] ),
'background-color' => esc_attr( $sticky_above_header_menu_h_a_bg_color_responsive['tablet'] ),
),
/**
* Above Header Dropdown Navigation
*/
'.ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item:hover > .menu-link, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item:focus > .menu-link, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.focus > .menu-link,.ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item:hover > .ast-menu-toggle, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item:focus > .ast-menu-toggle, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.focus > .ast-menu-toggle' => array(
'color' => esc_attr( $sticky_above_header_submenu_h_color_responsive['tablet'] ),
'background-color' => esc_attr( $sticky_above_header_submenu_h_a_bg_color_responsive['tablet'] ),
),
'.ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor > .ast-menu-toggle, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-item > .ast-menu-toggle, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor:hover > .ast-menu-toggle, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor:focus > .ast-menu-toggle, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor.focus > .ast-menu-toggle, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-item:hover > .ast-menu-toggle, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-item:focus > .ast-menu-toggle, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-item.focus > .ast-menu-toggle' => array(
'color' => esc_attr( $sticky_above_header_submenu_h_color_responsive['tablet'] ),
),
'.ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor > .menu-link, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-item > .menu-link, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor:hover > .menu-link, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor:focus > .menu-link, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor.focus > .menu-link, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-item:hover > .menu-link, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-item:focus > .menu-link, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-item.focus > .menu-link' => array(
'color' => esc_attr( $sticky_above_header_submenu_h_color_responsive['tablet'] ),
'background-color' => esc_attr( $sticky_above_header_submenu_h_a_bg_color_responsive['tablet'] ),
),
'.ast-above-sticky-header-active .ast-above-header-navigation .ast-above-header-menu .sub-menu, .ast-header-break-point.ast-above-sticky-header-active .ast-above-header-section-separated .ast-above-header-navigation .sub-menu, .ast-header-break-point.ast-above-sticky-header-active .ast-above-header-section-separated .ast-above-header-navigation .submenu' => array(
'background-color' => esc_attr( $sticky_above_header_submenu_bg_color_responsive['tablet'] ),
),
'.ast-above-sticky-header-active .ast-above-header-navigation .ast-above-header-menu .sub-menu .menu-link, .ast-above-sticky-header-active .ast-above-header-navigation .sub-menu' => array(
'color' => esc_attr( $sticky_above_header_submenu_color_responsive['tablet'] ),
),
// Content Section text color.
'.ast-above-sticky-header-active .ast-above-header-section .user-select, .ast-above-sticky-header-active .ast-above-header-section .widget, .ast-above-sticky-header-active .ast-above-header-section .widget-title' => array(
'color' => esc_attr( $sticky_above_content_section_text_color['tablet'] ),
),
// Content Section link color.
'.ast-above-sticky-header-active .ast-above-header-section .user-select a, .ast-above-sticky-header-active .ast-above-header-section .widget a' => array(
'color' => esc_attr( $sticky_above_content_section_link_color['tablet'] ),
),
// Content Section link hover color.
'.ast-above-sticky-header-active .ast-above-header-section .user-select a:hover, .ast-above-sticky-header-active .ast-above-header-section .widget a:hover' => array(
'color' => esc_attr( $sticky_above_content_section_link_h_color['tablet'] ),
),
);
$mobile_above_header_css_output = array(
$above_header_sticky_selector => array(
'background' => esc_attr( $mobile_sticky_above_header_bg_color ),
),
'.ast-header-break-point.ast-above-sticky-header-active .ast-above-header-section-separated .ast-above-header-navigation, .ast-header-break-point.ast-above-sticky-header-active .ast-above-header-section-separated .ast-above-header-navigation > ul' => array(
'background-color' => esc_attr( $sticky_above_header_menu_bg_color_responsive['mobile'] ),
),
'.ast-above-sticky-header-active .ast-above-header .ast-search-menu-icon .search-field, .ast-above-sticky-header-active .ast-above-header .ast-search-menu-icon .search-field:focus' => array(
'background-color' => esc_attr( $sticky_above_header_menu_bg_color_responsive['mobile'] ),
),
'.ast-above-sticky-header-active .ast-above-header-menu,.ast-header-break-point.ast-above-sticky-header-active .ast-above-header-section-separated .ast-above-header-navigation .ast-above-header-menu' => array(
'background-color' => esc_attr( $sticky_above_header_menu_bg_color_responsive['mobile'] ),
),
'.ast-above-sticky-header-active .ast-above-header-navigation .ast-above-header-menu .menu-link, .ast-header-break-point .ast-above-header-navigation > .ast-above-header-menu > .menu-item-has-children:not(.current-menu-item) > .ast-menu-toggle' => array(
'color' => esc_attr( $sticky_above_header_menu_color_responsive['mobile'] ),
),
'.ast-above-sticky-header-active .ast-above-header-navigation .menu-item:hover > .menu-link, .ast-above-sticky-header-active .ast-above-header-navigation .menu-item.focus > .menu-link' => array(
'color' => esc_attr( $sticky_above_header_menu_h_color_responsive['mobile'] ),
'background-color' => esc_attr( $sticky_above_header_menu_h_a_bg_color_responsive['mobile'] ),
),
'.ast-above-sticky-header-active .ast-above-header-navigation .menu-item.current-menu-item > .menu-link,.ast-above-sticky-header-active .ast-above-header-navigation .menu-item.current-menu-ancestor > .menu-link' => array(
'color' => esc_attr( $sticky_above_header_menu_h_color_responsive['mobile'] ),
'background-color' => esc_attr( $sticky_above_header_menu_h_a_bg_color_responsive['mobile'] ),
),
/**
* Above Header Dropdown Navigation
*/
'.ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item:hover > .menu-link, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item:focus > .menu-link, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.focus > .menu-link,.ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item:hover > .ast-menu-toggle, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item:focus > .ast-menu-toggle, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.focus > .ast-menu-toggle' => array(
'color' => esc_attr( $sticky_above_header_submenu_h_color_responsive['mobile'] ),
'background-color' => esc_attr( $sticky_above_header_submenu_h_a_bg_color_responsive['mobile'] ),
),
'.ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor > .ast-menu-toggle, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-item > .ast-menu-toggle, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor:hover > .ast-menu-toggle, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor:focus > .ast-menu-toggle, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor.focus > .ast-menu-toggle, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-item:hover > .ast-menu-toggle, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-item:focus > .ast-menu-toggle, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-item.focus > .ast-menu-toggle' => array(
'color' => esc_attr( $sticky_above_header_submenu_h_color_responsive['mobile'] ),
),
'.ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor > .menu-link, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-item > .menu-link, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor:hover > .menu-link, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor:focus > .menu-link, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor.focus > .menu-link, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-item:hover > .menu-link, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-item:focus > .menu-link, .ast-above-sticky-header-active .ast-above-header-menu .sub-menu .menu-item.current-menu-item.focus > .menu-link' => array(
'color' => esc_attr( $sticky_above_header_submenu_h_color_responsive['mobile'] ),
'background-color' => esc_attr( $sticky_above_header_submenu_h_a_bg_color_responsive['mobile'] ),
),
'.ast-above-sticky-header-active .ast-above-header-navigation .ast-above-header-menu .sub-menu, .ast-header-break-point.ast-above-sticky-header-active .ast-above-header-section-separated .ast-above-header-navigation .sub-menu, .ast-header-break-point.ast-above-sticky-header-active .ast-above-header-section-separated .ast-above-header-navigation .submenu' => array(
'background-color' => esc_attr( $sticky_above_header_submenu_bg_color_responsive['mobile'] ),
),
'.ast-above-sticky-header-active .ast-above-header-navigation .ast-above-header-menu .sub-menu .menu-link, .ast-above-sticky-header-active .ast-above-header-navigation .sub-menu' => array(
'color' => esc_attr( $sticky_above_header_submenu_color_responsive['mobile'] ),
),
// Content Section text color.
'.ast-above-sticky-header-active .ast-above-header-section .user-select, .ast-above-sticky-header-active .ast-above-header-section .widget, .ast-above-sticky-header-active .ast-above-header-section .widget-title' => array(
'color' => esc_attr( $sticky_above_content_section_text_color['mobile'] ),
),
// Content Section link color.
'.ast-above-sticky-header-active .ast-above-header-section .user-select a, .ast-above-sticky-header-active .ast-above-header-section .widget a' => array(
'color' => esc_attr( $sticky_above_content_section_link_color['mobile'] ),
),
// Content Section link hover color.
'.ast-above-sticky-header-active .ast-above-header-section .user-select a:hover, .ast-above-sticky-header-active .ast-above-header-section .widget a:hover' => array(
'color' => esc_attr( $sticky_above_content_section_link_h_color['mobile'] ),
),
);
} else {
// Only when Fixed Header Merkup added.
$desktop_above_header_css_output = array(
'#ast-fixed-header .ast-above-header' => array(
'background' => esc_attr( $desktop_sticky_above_header_bg_color ),
),
'.ast-header-break-point #ast-fixed-header .ast-above-header-section-separated .ast-above-header-navigation, .ast-header-break-point #ast-fixed-header .ast-above-header-section-separated .ast-above-header-navigation ul' => array(
'background-color' => esc_attr( $sticky_above_header_menu_bg_color_responsive['desktop'] ),
),
'#ast-fixed-header .ast-above-header .ast-search-menu-icon .search-field, #ast-fixed-header .ast-above-header .ast-search-menu-icon .search-field:focus' => array(
'background-color' => esc_attr( $sticky_above_header_menu_bg_color_responsive['desktop'] ),
),
'#ast-fixed-header .ast-above-header-menu,.ast-header-break-point #ast-fixed-header .ast-above-header-section-separated .ast-above-header-navigation .ast-above-header-menu' => array(
'background-color' => esc_attr( $sticky_above_header_menu_bg_color_responsive['desktop'] ),
),
'#ast-fixed-header .ast-above-header-navigation .ast-above-header-menu .menu-link, #ast-fixed-header .ast-above-header-navigation > .ast-above-header-menu > .menu-item-has-children:not(.current-menu-item) > .ast-menu-toggle' => array(
'color' => esc_attr( $sticky_above_header_menu_color_responsive['desktop'] ),
),
'#ast-fixed-header .ast-above-header-navigation .menu-item:hover > .menu-link, #ast-fixed-header .ast-above-header-navigation .menu-item.focus > .menu-link' => array(
'color' => esc_attr( $sticky_above_header_menu_h_color_responsive['desktop'] ),
'background-color' => esc_attr( $sticky_above_header_menu_h_a_bg_color_responsive['desktop'] ),
),
'#ast-fixed-header .ast-above-header-navigation .menu-item.current-menu-item > .menu-link,#ast-fixed-header .ast-above-header-navigation .menu-item.current-menu-ancestor > .menu-link' => array(
'color' => esc_attr( $sticky_above_header_menu_h_color_responsive['desktop'] ),
'background-color' => esc_attr( $sticky_above_header_menu_h_a_bg_color_responsive['desktop'] ),
),
/**
* Above Header Dropdown Navigation
*/
'#ast-fixed-header .ast-above-header-menu .sub-menu .menu-item:hover > .menu-link, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item:focus > .menu-link, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.focus > .menu-link,#ast-fixed-header .ast-above-header-menu .sub-menu .menu-item:hover > .ast-menu-toggle, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item:focus > .ast-menu-toggle, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.focus > .ast-menu-toggle' => array(
'color' => esc_attr( $sticky_above_header_submenu_h_color_responsive['desktop'] ),
'background-color' => esc_attr( $sticky_above_header_submenu_h_a_bg_color_responsive['desktop'] ),
),
'#ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor > .ast-menu-toggle, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item > .ast-menu-toggle, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor:hover > .ast-menu-toggle, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor:focus > .ast-menu-toggle, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor.focus > .ast-menu-toggle, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item:hover > .ast-menu-toggle, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item:focus > .ast-menu-toggle, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item.focus > .ast-menu-toggle' => array(
'color' => esc_attr( $sticky_above_header_submenu_h_color_responsive['desktop'] ),
),
'#ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor > .menu-link, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item > .menu-link, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor:hover > .menu-link, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor:focus > .menu-link, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor.focus > .menu-link, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item:hover > .menu-link, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item:focus > .menu-link, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item.focus > .menu-link' => array(
'color' => esc_attr( $sticky_above_header_submenu_h_color_responsive['desktop'] ),
'background-color' => esc_attr( $sticky_above_header_submenu_h_a_bg_color_responsive['desktop'] ),
),
'#ast-fixed-header .ast-above-header-navigation .ast-above-header-menu .sub-menu' => array(
'background-color' => esc_attr( $sticky_above_header_submenu_bg_color_responsive['desktop'] ),
),
'#ast-fixed-header .ast-above-header-navigation .ast-above-header-menu .sub-menu .menu-link, #ast-fixed-header .ast-above-header-navigation .sub-menu' => array(
'color' => esc_attr( $sticky_above_header_submenu_color_responsive['desktop'] ),
),
// Content Section text color.
'#ast-fixed-header .ast-above-header-section .user-select, #ast-fixed-header .ast-above-header-section .widget, #ast-fixed-header .ast-above-header-section .widget-title' => array(
'color' => esc_attr( $sticky_above_content_section_text_color['desktop'] ),
),
// Content Section link color.
'#ast-fixed-header .ast-above-header-section .user-select a, #ast-fixed-header .ast-above-header-section .widget a' => array(
'color' => esc_attr( $sticky_above_content_section_link_color['desktop'] ),
),
// Content Section link hover color.
'#ast-fixed-header .ast-above-header-section .user-select a:hover, #ast-fixed-header .ast-above-header-section .widget a:hover' => array(
'color' => esc_attr( $sticky_above_content_section_link_h_color['desktop'] ),
),
);
$tablet_above_header_css_output = array(
'#ast-fixed-header .ast-above-header' => array(
'background' => esc_attr( $tablet_sticky_above_header_bg_color ),
),
'.ast-header-break-point #ast-fixed-header .ast-above-header-section-separated .ast-above-header-navigation, .ast-header-break-point #ast-fixed-header .ast-above-header-section-separated .ast-above-header-navigation ul' => array(
'background-color' => esc_attr( $sticky_above_header_menu_bg_color_responsive['tablet'] ),
),
'#ast-fixed-header .ast-above-header .ast-search-menu-icon .search-field, #ast-fixed-header .ast-above-header .ast-search-menu-icon .search-field:focus' => array(
'background-color' => esc_attr( $sticky_above_header_menu_bg_color_responsive['tablet'] ),
),
'#ast-fixed-header .ast-above-header-menu,.ast-header-break-point #ast-fixed-header .ast-above-header-section-separated .ast-above-header-navigation .ast-above-header-menu' => array(
'background-color' => esc_attr( $sticky_above_header_menu_bg_color_responsive['tablet'] ),
),
'#ast-fixed-header .ast-above-header-navigation .ast-above-header-menu .menu-link, #ast-fixed-header .ast-above-header-navigation > .ast-above-header-menu > .menu-item-has-children:not(.current-menu-item) > .ast-menu-toggle' => array(
'color' => esc_attr( $sticky_above_header_menu_color_responsive['tablet'] ),
),
'#ast-fixed-header .ast-above-header-navigation .menu-item:hover > .menu-link, #ast-fixed-header .ast-above-header-navigation .menu-item.focus > .menu-link' => array(
'color' => esc_attr( $sticky_above_header_menu_h_color_responsive['tablet'] ),
'background-color' => esc_attr( $sticky_above_header_menu_h_a_bg_color_responsive['tablet'] ),
),
'#ast-fixed-header .ast-above-header-navigation .menu-item.current-menu-item > .menu-link,#ast-fixed-header .ast-above-header-navigation .menu-item.current-menu-ancestor > .menu-link' => array(
'color' => esc_attr( $sticky_above_header_menu_h_color_responsive['tablet'] ),
'background-color' => esc_attr( $sticky_above_header_menu_h_a_bg_color_responsive['tablet'] ),
),
/**
* Above Header Dropdown Navigation
*/
'#ast-fixed-header .ast-above-header-menu .sub-menu .menu-item:hover > .menu-link, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item:focus > .menu-link, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.focus > .menu-link,#ast-fixed-header .ast-above-header-menu .sub-menu .menu-item:hover > .ast-menu-toggle, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item:focus > .ast-menu-toggle, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.focus > .ast-menu-toggle' => array(
'color' => esc_attr( $sticky_above_header_submenu_h_color_responsive['tablet'] ),
'background-color' => esc_attr( $sticky_above_header_submenu_h_a_bg_color_responsive['tablet'] ),
),
'#ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor > .ast-menu-toggle, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item > .ast-menu-toggle, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor:hover > .ast-menu-toggle, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor:focus > .ast-menu-toggle, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor.focus > .ast-menu-toggle, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item:hover > .ast-menu-toggle, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item:focus > .ast-menu-toggle, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item.focus > .ast-menu-toggle' => array(
'color' => esc_attr( $sticky_above_header_submenu_h_color_responsive['tablet'] ),
),
'#ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor > .menu-link, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item > .menu-link, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor:hover > .menu-link, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor:focus > .menu-link, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor.focus > .menu-link, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item:hover > .menu-link, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item:focus > .menu-link, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item.focus > .menu-link' => array(
'color' => esc_attr( $sticky_above_header_submenu_h_color_responsive['tablet'] ),
'background-color' => esc_attr( $sticky_above_header_submenu_h_a_bg_color_responsive['tablet'] ),
),
'#ast-fixed-header .ast-above-header-navigation .ast-above-header-menu .sub-menu' => array(
'background-color' => esc_attr( $sticky_above_header_submenu_bg_color_responsive['tablet'] ),
),
'#ast-fixed-header .ast-above-header-navigation .ast-above-header-menu .sub-menu .menu-link, #ast-fixed-header .ast-above-header-navigation .sub-menu' => array(
'color' => esc_attr( $sticky_above_header_submenu_color_responsive['tablet'] ),
),
// Content Section text color.
'#ast-fixed-header .ast-above-header-section .user-select, #ast-fixed-header .ast-above-header-section .widget, #ast-fixed-header .ast-above-header-section .widget-title' => array(
'color' => esc_attr( $sticky_above_content_section_text_color['tablet'] ),
),
// Content Section link color.
'#ast-fixed-header .ast-above-header-section .user-select a, #ast-fixed-header .ast-above-header-section .widget a' => array(
'color' => esc_attr( $sticky_above_content_section_link_color['tablet'] ),
),
// Content Section link hover color.
'#ast-fixed-header .ast-above-header-section .user-select a:hover, #ast-fixed-header .ast-above-header-section .widget a:hover' => array(
'color' => esc_attr( $sticky_above_content_section_link_h_color['tablet'] ),
),
);
$mobile_above_header_css_output = array(
'#ast-fixed-header .ast-above-header' => array(
'background' => esc_attr( $mobile_sticky_above_header_bg_color ),
),
'.ast-header-break-point #ast-fixed-header .ast-above-header-section-separated .ast-above-header-navigation, .ast-header-break-point #ast-fixed-header .ast-above-header-section-separated .ast-above-header-navigation ul' => array(
'background-color' => esc_attr( $sticky_above_header_menu_bg_color_responsive['mobile'] ),
),
'#ast-fixed-header .ast-above-header .ast-search-menu-icon .search-field, #ast-fixed-header .ast-above-header .ast-search-menu-icon .search-field:focus' => array(
'background-color' => esc_attr( $sticky_above_header_menu_bg_color_responsive['mobile'] ),
),
'#ast-fixed-header .ast-above-header-menu,.ast-header-break-point #ast-fixed-header .ast-above-header-section-separated .ast-above-header-navigation .ast-above-header-menu' => array(
'background-color' => esc_attr( $sticky_above_header_menu_bg_color_responsive['mobile'] ),
),
'#ast-fixed-header .ast-above-header-navigation .ast-above-header-menu .menu-link, #ast-fixed-header .ast-above-header-navigation > .ast-above-header-menu > .menu-item-has-children:not(.current-menu-item) > .ast-menu-toggle' => array(
'color' => esc_attr( $sticky_above_header_menu_color_responsive['mobile'] ),
),
'#ast-fixed-header .ast-above-header-navigation .menu-item:hover > .menu-link, #ast-fixed-header .ast-above-header-navigation .menu-item.focus > .menu-link' => array(
'color' => esc_attr( $sticky_above_header_menu_h_color_responsive['mobile'] ),
'background-color' => esc_attr( $sticky_above_header_menu_h_a_bg_color_responsive['mobile'] ),
),
'#ast-fixed-header .ast-above-header-navigation .menu-item.current-menu-item > .menu-link,#ast-fixed-header .ast-above-header-navigation .menu-item.current-menu-ancestor > .menu-link' => array(
'color' => esc_attr( $sticky_above_header_menu_h_color_responsive['mobile'] ),
'background-color' => esc_attr( $sticky_above_header_menu_h_a_bg_color_responsive['mobile'] ),
),
/**
* Above Header Dropdown Navigation
*/
'#ast-fixed-header .ast-above-header-menu .sub-menu .menu-item:hover > .menu-link, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item:focus > .menu-link, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.focus > .menu-link,#ast-fixed-header .ast-above-header-menu .sub-menu .menu-item:hover > .ast-menu-toggle, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item:focus > .ast-menu-toggle, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.focus > .ast-menu-toggle' => array(
'color' => esc_attr( $sticky_above_header_submenu_h_color_responsive['mobile'] ),
'background-color' => esc_attr( $sticky_above_header_submenu_h_a_bg_color_responsive['mobile'] ),
),
'#ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor > .ast-menu-toggle, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item > .ast-menu-toggle, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor:hover > .ast-menu-toggle, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor:focus > .ast-menu-toggle, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor.focus > .ast-menu-toggle, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item:hover > .ast-menu-toggle, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item:focus > .ast-menu-toggle, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item.focus > .ast-menu-toggle' => array(
'color' => esc_attr( $sticky_above_header_submenu_h_color_responsive['mobile'] ),
),
'#ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor > .menu-link, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item > .menu-link, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor:hover > .menu-link, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor:focus > .menu-link, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-ancestor.focus > .menu-link, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item:hover > .menu-link, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item:focus > .menu-link, #ast-fixed-header .ast-above-header-menu .sub-menu .menu-item.current-menu-item.focus > .menu-link' => array(
'color' => esc_attr( $sticky_above_header_submenu_h_color_responsive['mobile'] ),
'background-color' => esc_attr( $sticky_above_header_submenu_h_a_bg_color_responsive['mobile'] ),
),
'#ast-fixed-header .ast-above-header-navigation .ast-above-header-menu .sub-menu' => array(
'background-color' => esc_attr( $sticky_above_header_submenu_bg_color_responsive['mobile'] ),
),
'#ast-fixed-header .ast-above-header-navigation .ast-above-header-menu .sub-menu .menu-link, #ast-fixed-header .ast-above-header-navigation .sub-menu' => array(
'color' => esc_attr( $sticky_above_header_submenu_color_responsive['mobile'] ),
),
// Content Section text color.
'#ast-fixed-header .ast-above-header-section .user-select, #ast-fixed-header .ast-above-header-section .widget, #ast-fixed-header .ast-above-header-section .widget-title' => array(
'color' => esc_attr( $sticky_above_content_section_text_color['mobile'] ),
),
// Content Section link color.
'#ast-fixed-header .ast-above-header-section .user-select a, #ast-fixed-header .ast-above-header-section .widget a' => array(
'color' => esc_attr( $sticky_above_content_section_link_color['mobile'] ),
),
// Content Section link hover color.
'#ast-fixed-header .ast-above-header-section .user-select a:hover, #ast-fixed-header .ast-above-header-section .widget a:hover' => array(
'color' => esc_attr( $sticky_above_content_section_link_h_color['mobile'] ),
),
);
}
/* Parse CSS from array() */
$parse_css .= astra_parse_css( $desktop_above_header_css_output );
$parse_css .= astra_parse_css( $tablet_above_header_css_output, '', astra_addon_get_tablet_breakpoint() );
$parse_css .= astra_parse_css( $mobile_above_header_css_output, '', astra_addon_get_mobile_breakpoint() );
return $dynamic_css . $parse_css;
}
Expand full source code Collapse full source code View on Trac