add_panel( $panel , array( 'title' => esc_html__( 'Header', 'aces' ), 'priority' => 10, ) ); // Path $dir = ACES_THEME_DIR . 'inc/customizer/settings/'; // Load customize control classes require_once( $dir . 'header/logo.php'); require_once( $dir . 'header/layout.php'); require_once( $dir . 'header/menu-style.php'); } /** * Get CSS * * @since 1.0.0 */ public static function aces_header_css( $output ) { $css = ''; //layout $menu_layout = get_theme_mod( 'aces_header_layout' ); $logo_width = get_theme_mod( 'aces_logo_length' ); $title_display = get_theme_mod( 'aces_tagline_enable', true ); $tag_display = get_theme_mod( 'header_textcolor'); $inline_display = get_theme_mod( 'aces_logo_title_tagline_enable'); if ( ! empty( $menu_layout ) && 'two' == $menu_layout ) { $css .= '.site-branding {text-align: right;} .primary-navigation ul { text-align: left; }'; } if ( ! empty( $menu_layout ) && 'three' == $menu_layout ) { $css .= '.site-branding, .primary-navigation ul {text-align: center;} .site-branding { width: 100%; margin-bottom: 30px; justify-content: center; }.navigation-container { width: 100%;}'; } if ( ! empty( $logo_width ) ) { $css .= '.site-branding img{width: '.$logo_width.'px; max-width: 100%}'; } if ( false == $title_display ) { $css .= '.site-title {display:none;}'; } if ( !display_header_text() ) { $css .= '.site-description {display:none;}'; } if ( true == $inline_display ) { $css .= '.site-branding { display: inline-flex; align-items: center;} .site-branding .custom-logo-link {padding-right: 15px;}'; } $header_bg_color = get_theme_mod( 'aces_header_bg_color' ); $header_border_bottom = get_theme_mod( 'aces_header_border_bottom_size' ); $header_border_bottom_color = get_theme_mod( 'aces_header_border_bottom_color' ); if ( ! empty( $header_bg_color ) ) { $css .= '.aces-branding-bar{background-color: '.$header_bg_color.';}'; } if ( ! empty( $header_border_bottom_color ) ) { $css .= '.aces-branding-bar{border-color: '.$header_border_bottom_color.';}'; } if ( ! empty( $header_border_bottom ) ) { $css .= '.aces-branding-bar{border-width: '.$header_border_bottom.'px;}'; } $top_padding = get_theme_mod( 'aces_theme_header_top_padding' ); $right_padding = get_theme_mod( 'aces_theme_header_right_padding' ); $bottom_padding = get_theme_mod( 'aces_theme_header_bottom_padding' ); $left_padding = get_theme_mod( 'aces_theme_header_left_padding'); $tablet_top_padding = get_theme_mod( 'aces_theme_header_tablet_top_padding' ); $tablet_right_padding = get_theme_mod( 'aces_theme_header_tablet_right_padding' ); $tablet_bottom_padding = get_theme_mod( 'aces_theme_header_tablet_bottom_padding' ); $tablet_left_padding = get_theme_mod( 'aces_theme_header_tablet_left_padding' ); $mobile_top_padding = get_theme_mod( 'aces_theme_header_mobile_top_padding' ); $mobile_right_padding = get_theme_mod( 'aces_theme_header_mobile_right_padding' ); $mobile_bottom_padding = get_theme_mod( 'aces_theme_header_mobile_bottom_padding' ); $mobile_left_padding = get_theme_mod( 'aces_theme_header_mobile_left_padding' ); // Top bar padding if ( isset( $top_padding ) && '' != $top_padding && '' != $top_padding || isset( $right_padding ) && '' != $right_padding && '' != $right_padding || isset( $bottom_padding ) && '' != $bottom_padding && '' != $bottom_padding || isset( $left_padding ) && '' != $left_padding && '' != $left_padding ) { $css .= '.aces-branding-bar{padding:'. aces_spacing_css( $top_padding, $right_padding, $bottom_padding, $left_padding ) .'}'; } // Tablet top bar padding if ( isset( $tablet_top_padding ) && '' != $tablet_top_padding || isset( $tablet_right_padding ) && '' != $tablet_right_padding || isset( $tablet_bottom_padding ) && '' != $tablet_bottom_padding || isset( $tablet_left_padding ) && '' != $tablet_left_padding ) { $css .= '@media (max-width: 768px){.container{padding:'. aces_spacing_css( $tablet_top_padding, $tablet_right_padding, $tablet_bottom_padding, $tablet_left_padding ) .'}}'; } // Mobile top bar padding if ( isset( $mobile_top_padding ) && '' != $mobile_top_padding || isset( $mobile_right_padding ) && '' != $mobile_right_padding || isset( $mobile_bottom_padding ) && '' != $mobile_bottom_padding || isset( $mobile_left_padding ) && '' != $mobile_left_padding ) { $css .= '@media (max-width: 480px){.container{padding:'. aces_spacing_css( $mobile_top_padding, $mobile_right_padding, $mobile_bottom_padding, $mobile_left_padding ) .'}}'; } $boxed_x_offset = get_theme_mod( 'aces_main_menu_x_offset','0' ); $boxed_y_offset = get_theme_mod( 'aces_main_menu_y_offset','0' ); $boxed_blur = get_theme_mod( 'aces_main_menu_blur','0' ); $boxed_spred = get_theme_mod( 'aces_main_menu_spred','0' ); $boxed_shadow_color = get_theme_mod( 'aces_main_menu_shadow_color' ); if ( ! empty( $boxed_shadow_color) ) { $css .= '.aces-branding-bar{box-shadow:'. $boxed_x_offset.'px '. $boxed_y_offset .'px '. $boxed_blur .'px '. $boxed_spred .'px '. $boxed_shadow_color.' ;}'; } $main_menu_color = get_theme_mod( 'aces_header_main_menu_color' ); $main_menu_hover_color = get_theme_mod( 'aces_header_main_menu_hover_color' ); $main_active_menu_color = get_theme_mod( 'aces_header_main_menu_active_color' ); $main_menu_bg_color = get_theme_mod( 'aces_header_main_menu_bg_color' ); $main_menu_bg_hover_color = get_theme_mod( 'aces_header_main_menu_bg_hover_color' ); $main_menu_border_size = get_theme_mod( 'aces_header_main_menu_border_bottom_size' ); $main_menu_border_color = get_theme_mod( 'aces_header_main_menu_border_color'); $main_menu_spacing = get_theme_mod( 'aces_header_main_menu_item_spacing'); $main_menu_border_radius = get_theme_mod( 'aces_header_main_menu_item_border_radius'); if ( ! empty( $main_menu_color ) ) { $css .= '#main-nav ul li a, #main-nav li.has-sub > a:after{color: '.$main_menu_color.';}'; } if ( ! empty( $main_menu_hover_color ) ) { $css .= '#main-nav ul li a:hover{color: '.$main_menu_hover_color.';}'; } if ( ! empty( $main_active_menu_color ) || ! empty( $main_menu_bg_hover_color ) ) { $css .= '#main-nav li.current-menu-item a, #main-nav li.current_page_item a, #main-nav li.current-menu-item a:hover, #main-nav li.current_page_item a:hover {color: '.$main_active_menu_color.'!important;} #main-nav li.current-menu-item a, #main-nav li.current_page_item a {background-color: '.$main_menu_bg_hover_color. '!important;}'; } if ( ! empty( $main_menu_bg_color ) ) { $css .= '#main-nav li a{background-color: '.$main_menu_bg_color.';}'; } if ( ! empty( $main_menu_bg_hover_color ) ) { $css .= '#main-nav li a:hover{background-color: '.$main_menu_bg_hover_color.';}'; } if ( ! empty( $main_menu_border_size ) ) { $css .= '#main-nav > ul > li > a{border-width: '.$main_menu_border_size.'px; border-style:'.'solid'.'}'; } if ( ! empty( $main_menu_border_color ) ) { $css .= '#main-nav > ul > li > a{border-color: '.$main_menu_border_color.';}'; } if ( ! empty( $main_menu_spacing ) ) { $css .= '#main-nav > ul > li {padding: 0px '.$main_menu_spacing.'px;} #main-nav > ul > li:first-child { padding-left:0px; } #main-nav > ul > li:last-child { padding-right:0px; }'; } if ( ! empty( $main_menu_border_radius ) ) { $css .= '#main-nav > ul > li > a {border-radius: '.$main_menu_border_radius.'px;}'; } $main_menu_top_padding = get_theme_mod( 'aces_main_menu_top_padding' ); $main_menu_right_padding = get_theme_mod( 'aces_main_menu_right_padding' ); $main_menu_bottom_padding = get_theme_mod( 'aces_main_menu_bottom_padding' ); $main_menu_left_padding = get_theme_mod( 'aces_main_menu_left_padding'); $main_menu_tablet_top_padding = get_theme_mod( 'aces_main_menu_tablet_top_padding' ); $main_menu_tablet_right_padding = get_theme_mod( 'aces_main_menu_tablet_right_padding' ); $main_menu_tablet_bottom_padding = get_theme_mod( 'aces_main_menu_tablet_bottom_padding' ); $main_menu_tablet_left_padding = get_theme_mod( 'aces_main_menu_tablet_left_padding' ); $main_menu_mobile_top_padding = get_theme_mod( 'aces_main_menu_mobile_top_padding' ); $main_menu_mobile_right_padding = get_theme_mod( 'aces_main_menu_mobile_right_padding' ); $main_menu_mobile_bottom_padding = get_theme_mod( 'aces_main_menu_mobile_bottom_padding' ); $main_menu_mobile_left_padding = get_theme_mod( 'aces_main_menu_mobile_left_padding' ); // Top bar padding if ( isset( $main_menu_top_padding ) && '' != $main_menu_top_padding && '' != $main_menu_top_padding || isset( $main_menu_right_padding ) && '' != $main_menu_right_padding && '' != $main_menu_right_padding || isset( $main_menu_bottom_padding ) && '' != $main_menu_bottom_padding && '' != $main_menu_bottom_padding || isset( $main_menu_left_padding ) && '' != $main_menu_left_padding && '' != $main_menu_left_padding ) { $css .= '#main-nav > ul > li > a {padding:'. aces_spacing_css( $main_menu_top_padding, $main_menu_right_padding, $main_menu_bottom_padding, $main_menu_left_padding ) .'}'; } // Tablet top bar padding if ( isset( $main_menu_tablet_top_padding ) && '' != $main_menu_tablet_top_padding || isset( $main_menu_tablet_right_padding ) && '' != $main_menu_tablet_right_padding || isset( $main_menu_tablet_bottom_padding ) && '' != $main_menu_tablet_bottom_padding || isset( $main_menu_tablet_left_padding ) && '' != $main_menu_tablet_left_padding ) { $css .= '@media (max-width: 768px){#main-nav > ul > li > a{padding:'. aces_spacing_css( $main_menu_tablet_top_padding, $main_menu_tablet_right_padding, $main_menu_tablet_bottom_padding, $main_menu_tablet_left_padding ) .'}}'; } // Mobile top bar padding if ( isset( $main_menu_mobile_top_padding ) && '' != $main_menu_mobile_top_padding || isset( $main_menu_mobile_right_padding ) && '' != $main_menu_mobile_right_padding || isset( $main_menu_mobile_bottom_padding ) && '' != $main_menu_mobile_bottom_padding || isset( $main_menu_mobile_left_padding ) && '' != $main_menu_mobile_left_padding ) { $css .= '@media (max-width: 480px){#main-nav > ul > li > a{padding:'. aces_spacing_css( $main_menu_mobile_top_padding, $main_menu_mobile_right_padding, $main_menu_mobile_bottom_padding, $main_menu_mobile_left_padding ) .'}}'; } $sub_menu_color = get_theme_mod( 'aces_header_sub_menu_color' ); $sub_menu_hover_color = get_theme_mod( 'aces_header_sub_menu_hover_color' ); $sub_menu_bg_color = get_theme_mod( 'aces_header_sub_menu_bg_color' ); $sub_menu_bg_hover_color = get_theme_mod( 'aces_header_sub_menu_bg_hover_color' ); $sub_menu_border_size = get_theme_mod( 'aces_header_sub_menu_border_bottom_size' ); $sub_menu_border_color = get_theme_mod( 'aces_header_sub_menu_border_color'); if ( ! empty( $sub_menu_color ) ) { $css .= '#main-nav li.has-sub ul li a, #main-nav li.has-sub ul li.has-sub a:after {color : '.$sub_menu_color.';}'; } if ( ! empty( $sub_menu_hover_color ) ) { $css .= '#main-nav li.has-sub ul li a:hover {color: '.$sub_menu_hover_color.';}'; } if ( ! empty( $sub_menu_bg_color ) ) { $css .= '#main-nav li.has-sub ul li a {background-color: '.$sub_menu_bg_color.';}'; } if ( ! empty( $sub_menu_bg_hover_color ) ) { $css .= '#main-nav li.has-sub ul li a:hover {background-color: '.$sub_menu_bg_hover_color.';}'; } if ( ! empty( $sub_menu_border_size ) ) { $css .= '#main-nav li.has-sub ul {border-width: '.$sub_menu_border_size.'px; border-style: solid;}'; } if ( ! empty( $sub_menu_border_color ) ) { $css .= '#main-nav li.has-sub ul {border-color: '.$sub_menu_border_color.';}'; } $sub_menu_top_padding = get_theme_mod( 'aces_sub_menu_top_padding' ); $sub_menu_right_padding = get_theme_mod( 'aces_sub_menu_right_padding' ); $sub_menu_bottom_padding = get_theme_mod( 'aces_sub_menu_bottom_padding' ); $sub_menu_left_padding = get_theme_mod( 'aces_sub_menu_left_padding'); $sub_menu_tablet_top_padding = get_theme_mod( 'aces_sub_menu_tablet_top_padding' ); $sub_menu_tablet_right_padding = get_theme_mod( 'aces_sub_menu_tablet_right_padding' ); $sub_menu_tablet_bottom_padding = get_theme_mod( 'aces_sub_menu_tablet_bottom_padding' ); $sub_menu_tablet_left_padding = get_theme_mod( 'aces_sub_menu_tablet_left_padding' ); $sub_menu_mobile_top_padding = get_theme_mod( 'aces_sub_menu_mobile_top_padding' ); $sub_menu_mobile_right_padding = get_theme_mod( 'aces_sub_menu_mobile_right_padding' ); $sub_menu_mobile_bottom_padding = get_theme_mod( 'aces_sub_menu_mobile_bottom_padding' ); $sub_menu_mobile_left_padding = get_theme_mod( 'aces_sub_menu_mobile_left_padding' ); // Top bar padding if ( isset( $sub_menu_top_padding ) && '' != $sub_menu_top_padding && '' != $sub_menu_top_padding || isset( $sub_menu_right_padding ) && '' != $sub_menu_right_padding && '' != $sub_menu_right_padding || isset( $sub_menu_bottom_padding ) && '' != $sub_menu_bottom_padding && '' != $sub_menu_bottom_padding || isset( $sub_menu_left_padding ) && '' != $sub_menu_left_padding && '' != $sub_menu_left_padding ) { $css .= '#main-nav li.has-sub ul li a {padding:'. aces_spacing_css( $sub_menu_top_padding, $sub_menu_right_padding, $sub_menu_bottom_padding, $sub_menu_left_padding ) .'}'; } // Tablet top bar padding if ( isset( $sub_menu_tablet_top_padding ) && '' != $sub_menu_tablet_top_padding || isset( $sub_menu_tablet_right_padding ) && '' != $sub_menu_tablet_right_padding || isset( $sub_menu_tablet_bottom_padding ) && '' != $sub_menu_tablet_bottom_padding || isset( $sub_menu_tablet_left_padding ) && '' != $sub_menu_tablet_left_padding ) { $css .= '@media (max-width: 768px){#main-nav li.has-sub ul li a{padding:'. aces_spacing_css( $sub_menu_tablet_top_padding, $sub_menu_tablet_right_padding, $sub_menu_tablet_bottom_padding, $sub_menu_tablet_left_padding ) .'}}'; } // Mobile top bar padding if ( isset( $sub_menu_mobile_top_padding ) && '' != $sub_menu_mobile_top_padding || isset( $sub_menu_mobile_right_padding ) && '' != $sub_menu_mobile_right_padding || isset( $sub_menu_mobile_bottom_padding ) && '' != $sub_menu_mobile_bottom_padding || isset( $sub_menu_mobile_left_padding ) && '' != $sub_menu_mobile_left_padding ) { $css .= '@media (max-width: 480px){#main-nav li.has-sub ul li a{padding:'. aces_spacing_css( $sub_menu_mobile_top_padding, $sub_menu_mobile_right_padding, $sub_menu_mobile_bottom_padding, $sub_menu_mobile_left_padding ) .'}}'; } // Return CSS if ( ! empty( $css ) ) { $output .= '/* Header CSS */'. $css; } // Return output css return $output; } } endif; return new Aces_Header_Customizer();