<?php
/**
* Header Customizer Options
*
* @package OceanWP WordPress theme
*/
if ( ! defined( 'ABSPATH' ) ) {
exit;
}
if ( ! class_exists( 'OceanWP_Header_Customizer' ) ) :
/**
* Settings for header
*/
class OceanWP_Header_Customizer {
/**
* Setup class.
*
* @since 1.0
*/
public function __construct() {
add_action( 'customize_register', array( $this, 'customizer_options' ) );
add_filter( 'ocean_head_css', array( $this, 'head_css' ) );
add_filter( 'ocean_head_css', array( $this, 'header_image_css' ) );
}
/**
* Customizer options
*
* @param WP_Customize_Manager $wp_customize Reference to WP_Customize_Manager.
* @since 1.0.0
*/
public function customizer_options( $wp_customize ) {
/**
* Panel
*/
$panel = 'ocean_header_panel';
$wp_customize->add_panel(
$panel ,
array(
'title' => esc_html__( 'Header', 'oceanwp' ),
'priority' => 210,
)
);
/**
* Section
*/
$wp_customize->add_section(
'ocean_header_general',
array(
'title' => esc_html__( 'General', 'oceanwp' ),
'priority' => 10,
'panel' => $panel,
)
);
/**
* Header Style
*/
$wp_customize->add_setting(
'ocean_header_style',
array(
'default' => 'minimal',
'sanitize_callback' => 'oceanwp_sanitize_select',
)
);
$wp_customize->add_control(
new WP_Customize_Control(
$wp_customize,
'ocean_header_style',
array(
'label' => esc_html__( 'Style', 'oceanwp' ),
'type' => 'select',
'section' => 'ocean_header_general',
'settings' => 'ocean_header_style',
'priority' => 10,
'choices' => array(
'minimal' => esc_html__( 'Minimal', 'oceanwp' ),
'transparent' => esc_html__( 'Transparent', 'oceanwp' ),
'top' => esc_html__( 'Top Menu', 'oceanwp' ),
'full_screen' => esc_html__( 'Full Screen', 'oceanwp' ),
'center' => esc_html__( 'Center', 'oceanwp' ),
'medium' => esc_html__( 'Medium', 'oceanwp' ),
'vertical' => esc_html__( 'Vertical', 'oceanwp' ),
'custom' => esc_html__( 'Custom Header', 'oceanwp' ),
),
)
)
);
/**
* Custom Header Template
*/
$wp_customize->add_setting( 'ocean_header_template', array(
'default' => '0',
'sanitize_callback' => 'oceanwp_sanitize_select',
) );
$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_header_template', array(
'label' => esc_html__( 'Select Template', 'oceanwp' ),
'description' => esc_html__( 'Choose a template created in Theme Panel > My Library.', 'oceanwp' ),
'type' => 'select',
'section' => 'ocean_header_general',
'settings' => 'ocean_header_template',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_custom_header',
'choices' => oceanwp_customizer_helpers( 'library' ),
) ) );
/**
* Custom Header Add Container
*/
$wp_customize->add_setting( 'ocean_add_custom_header_container', array(
'transport' => 'postMessage',
'default' => true,
'sanitize_callback' => 'oceanwp_sanitize_checkbox',
) );
$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_add_custom_header_container', array(
'label' => esc_html__( 'Add Container', 'oceanwp' ),
'type' => 'checkbox',
'section' => 'ocean_header_general',
'settings' => 'ocean_add_custom_header_container',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_custom_header',
) ) );
/**
* Header Height
*/
$wp_customize->add_setting( 'ocean_header_height', array(
'transport' => 'postMessage',
'default' => '74',
'sanitize_callback' => 'oceanwp_sanitize_number',
) );
$wp_customize->add_control( new OceanWP_Customizer_Range_Control( $wp_customize, 'ocean_header_height', array(
'label' => esc_html__( 'Height (px)', 'oceanwp' ),
'section' => 'ocean_header_general',
'settings' => 'ocean_header_height',
'priority' => 10,
'input_attrs' => array(
'min' => 0,
'max' => 200,
'step' => 1,
),
'active_callback' => 'oceanwp_cac_hasnt_header_styles',
) ) );
/**
* Top Header Height
*/
$wp_customize->add_setting( 'ocean_top_header_height', array(
'transport' => 'postMessage',
'default' => '40',
'sanitize_callback' => 'oceanwp_sanitize_number',
) );
$wp_customize->add_control( new OceanWP_Customizer_Range_Control( $wp_customize, 'ocean_top_header_height', array(
'label' => esc_html__( 'Height (px)', 'oceanwp' ),
'section' => 'ocean_header_general',
'settings' => 'ocean_top_header_height',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_top_header_style',
'input_attrs' => array(
'min' => 0,
'max' => 100,
'step' => 1,
),
) ) );
/**
* Header Full Width
*/
$wp_customize->add_setting( 'ocean_header_full_width', array(
'transport' => 'postMessage',
'default' => false,
'sanitize_callback' => 'oceanwp_sanitize_checkbox',
) );
$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_header_full_width', array(
'label' => esc_html__( 'Header Full Width', 'oceanwp' ),
'type' => 'checkbox',
'section' => 'ocean_header_general',
'settings' => 'ocean_header_full_width',
'priority' => 10,
'active_callback' => 'oceanwp_cac_hasnt_medium_custom_header_styles',
) ) );
/**
* Header Border Bottom
*/
$wp_customize->add_setting( 'ocean_has_header_border_bottom', array(
'transport' => 'postMessage',
'default' => true,
'sanitize_callback' => 'oceanwp_sanitize_checkbox',
) );
$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_has_header_border_bottom', array(
'label' => esc_html__( 'Header Border Bottom', 'oceanwp' ),
'type' => 'checkbox',
'section' => 'ocean_header_general',
'settings' => 'ocean_has_header_border_bottom',
'priority' => 10,
) ) );
/**
* Header Background Color
*/
$wp_customize->add_setting( 'ocean_header_background', array(
'transport' => 'postMessage',
'default' => '#ffffff',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_header_background', array(
'label' => esc_html__( 'Background Color', 'oceanwp' ),
'section' => 'ocean_header_general',
'settings' => 'ocean_header_background',
'priority' => 10,
'active_callback' => 'oceanwp_cac_hasnt_medium_header_style',
) ) );
/**
* Header Border Bottom Color
*/
$wp_customize->add_setting( 'ocean_header_border_bottom', array(
'transport' => 'postMessage',
'default' => '#f1f1f1',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_header_border_bottom', array(
'label' => esc_html__( 'Border Bottom Color', 'oceanwp' ),
'section' => 'ocean_header_general',
'settings' => 'ocean_header_border_bottom',
'priority' => 10,
) ) );
/**
* Header Padding
*/
$wp_customize->add_setting( 'ocean_header_top_padding', array(
'transport' => 'postMessage',
'default' => '0',
'sanitize_callback' => 'oceanwp_sanitize_number',
) );
$wp_customize->add_setting( 'ocean_header_right_padding', array(
'transport' => 'postMessage',
'default' => '0',
'sanitize_callback' => 'oceanwp_sanitize_number',
) );
$wp_customize->add_setting( 'ocean_header_bottom_padding', array(
'transport' => 'postMessage',
'default' => '0',
'sanitize_callback' => 'oceanwp_sanitize_number',
) );
$wp_customize->add_setting( 'ocean_header_left_padding', array(
'transport' => 'postMessage',
'default' => '0',
'sanitize_callback' => 'oceanwp_sanitize_number',
) );
$wp_customize->add_setting( 'ocean_header_tablet_top_padding', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_number_blank',
) );
$wp_customize->add_setting( 'ocean_header_tablet_right_padding', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_number_blank',
) );
$wp_customize->add_setting( 'ocean_header_tablet_bottom_padding', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_number_blank',
) );
$wp_customize->add_setting( 'ocean_header_tablet_left_padding', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_number_blank',
) );
$wp_customize->add_setting( 'ocean_header_mobile_top_padding', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_number_blank',
) );
$wp_customize->add_setting( 'ocean_header_mobile_right_padding', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_number_blank',
) );
$wp_customize->add_setting( 'ocean_header_mobile_bottom_padding', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_number_blank',
) );
$wp_customize->add_setting( 'ocean_header_mobile_left_padding', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_number_blank',
) );
$wp_customize->add_control( new OceanWP_Customizer_Dimensions_Control( $wp_customize, 'ocean_header_padding', array(
'label' => esc_html__( 'Padding (px)', 'oceanwp' ),
'section' => 'ocean_header_general',
'settings' => array(
'desktop_top' => 'ocean_header_top_padding',
'desktop_right' => 'ocean_header_right_padding',
'desktop_bottom' => 'ocean_header_bottom_padding',
'desktop_left' => 'ocean_header_left_padding',
'tablet_top' => 'ocean_header_tablet_top_padding',
'tablet_right' => 'ocean_header_tablet_right_padding',
'tablet_bottom' => 'ocean_header_tablet_bottom_padding',
'tablet_left' => 'ocean_header_tablet_left_padding',
'mobile_top' => 'ocean_header_mobile_top_padding',
'mobile_right' => 'ocean_header_mobile_right_padding',
'mobile_bottom' => 'ocean_header_mobile_bottom_padding',
'mobile_left' => 'ocean_header_mobile_left_padding',
),
'priority' => 10,
'active_callback' => 'oceanwp_cac_hasnt_medium_or_vertical_header_styles',
'input_attrs' => array(
'min' => 0,
'max' => 100,
'step' => 1,
),
) ) );
/**
* Content After Header
*/
$wp_customize->add_setting( 'ocean_after_header_content', array(
'transport' => 'postMessage',
'sanitize_callback' => 'wp_kses_post',
) );
$wp_customize->add_control( new OceanWP_Customizer_Textarea_Control( $wp_customize, 'ocean_after_header_content', array(
'label' => esc_html__( 'Content After Header', 'oceanwp' ),
'description' => sprintf( esc_html__( 'Shortcodes allowed, %1$ssee the list%2$s.', 'oceanwp' ), '<a href="http://docs.oceanwp.org/category/369-shortcodes" target="_blank">', '</a>' ),
'section' => 'ocean_header_general',
'settings' => 'ocean_after_header_content',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_minimal_or_transparent_header_styles',
) ) );
/**
* Heading Transparent Header
*/
$wp_customize->add_setting( 'ocean_transparent_header_heading', array(
'sanitize_callback' => 'wp_kses',
) );
$wp_customize->add_control( new OceanWP_Customizer_Heading_Control( $wp_customize, 'ocean_transparent_header_heading', array(
'label' => esc_html__( 'Transparent Header Settings', 'oceanwp' ),
'section' => 'ocean_header_general',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_transparent_header_style',
) ) );
/**
* Transparent Header Background Color
*/
$wp_customize->add_setting( 'ocean_transparent_header_bg', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_transparent_header_bg', array(
'label' => esc_html__( 'Background Color', 'oceanwp' ),
'section' => 'ocean_header_general',
'settings' => 'ocean_transparent_header_bg',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_transparent_header_style',
) ) );
/**
* Heading Top Menu Header
*/
$wp_customize->add_setting( 'ocean_top_header_heading', array(
'sanitize_callback' => 'wp_kses',
) );
$wp_customize->add_control( new OceanWP_Customizer_Heading_Control( $wp_customize, 'ocean_top_header_heading', array(
'label' => esc_html__( 'Top Menu Header Settings', 'oceanwp' ),
'section' => 'ocean_header_general',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_top_header_style',
) ) );
/**
* Top Menu Header Menu Position
*/
$wp_customize->add_setting( 'ocean_top_header_menu_position', array(
'default' => 'before',
'sanitize_callback' => 'oceanwp_sanitize_select',
) );
$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_top_header_menu_position', array(
'label' => esc_html__( 'Menu Position', 'oceanwp' ),
'type' => 'select',
'section' => 'ocean_header_general',
'settings' => 'ocean_top_header_menu_position',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_top_header_style',
'choices' => array(
'before' => esc_html__( 'Before The Logo', 'oceanwp' ),
'after' => esc_html__( 'After The Logo', 'oceanwp' ),
),
) ) );
/**
* Top Menu Header Menu Background Color
*/
$wp_customize->add_setting( 'ocean_top_header_menu_background', array(
'transport' => 'postMessage',
'default' => '#ffffff',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_top_header_menu_background', array(
'label' => esc_html__( 'Menu Background Color', 'oceanwp' ),
'section' => 'ocean_header_general',
'settings' => 'ocean_top_header_menu_background',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_top_header_style',
) ) );
/**
* Top Menu Header Search Button Border Color
*/
$wp_customize->add_setting( 'ocean_top_header_search_button_border_color', array(
'transport' => 'postMessage',
'default' => '#f1f1f1',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_top_header_search_button_border_color', array(
'label' => esc_html__( 'Search Button Border Color', 'oceanwp' ),
'section' => 'ocean_header_general',
'settings' => 'ocean_top_header_search_button_border_color',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_top_header_style',
) ) );
/**
* Top Menu Header Search Button Color
*/
$wp_customize->add_setting( 'ocean_top_header_search_button_color', array(
'transport' => 'postMessage',
'default' => '#333333',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_top_header_search_button_color', array(
'label' => esc_html__( 'Search Button Color', 'oceanwp' ),
'section' => 'ocean_header_general',
'settings' => 'ocean_top_header_search_button_color',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_top_header_style',
) ) );
/**
* Top Menu Header Search Button Hover Color
*/
$wp_customize->add_setting( 'ocean_top_header_search_button_hover_color', array(
'transport' => 'postMessage',
'default' => '#13aff0',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_top_header_search_button_hover_color', array(
'label' => esc_html__( 'Search Button Color: Hover', 'oceanwp' ),
'section' => 'ocean_header_general',
'settings' => 'ocean_top_header_search_button_hover_color',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_top_header_style',
) ) );
/**
* Heading Full Screen Header
*/
$wp_customize->add_setting( 'ocean_full_screen_header_heading', array(
'sanitize_callback' => 'wp_kses',
) );
$wp_customize->add_control( new OceanWP_Customizer_Heading_Control( $wp_customize, 'ocean_full_screen_header_heading', array(
'label' => esc_html__( 'Full Screen Header Settings', 'oceanwp' ),
'section' => 'ocean_header_general',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_full_screen_header_style',
) ) );
/**
* Full Screen header hamburger icon width
*/
$wp_customize->add_setting( 'ocean_full_screen_header_hamburger_icon_width', array(
'transport' => 'postMessage',
'default' => '23',
'sanitize_callback' => 'oceanwp_sanitize_number',
) );
$wp_customize->add_control( new OceanWP_Customizer_Range_Control( $wp_customize, 'ocean_full_screen_header_hamburger_icon_width', array(
'label' => esc_html__( ' Hamburger Width (px)', 'oceanwp' ),
'section' => 'ocean_header_general',
'priority' => 10,
'input_attrs' => array(
'min' => 0,
'max' => 100,
'step' => 1,
),
'active_callback' => 'oceanwp_cac_has_full_screen_header_style',
) ) );
/**
* Full Screen header hamburger icon height
*/
$wp_customize->add_setting( 'ocean_full_screen_header_hamburger_icon_height', array(
'transport' => 'postMessage',
'default' => '2',
'sanitize_callback' => 'oceanwp_sanitize_number',
) );
$wp_customize->add_control( new OceanWP_Customizer_Range_Control( $wp_customize, 'ocean_full_screen_header_hamburger_icon_height', array(
'label' => esc_html__( ' Hamburger Height (px)', 'oceanwp' ),
'section' => 'ocean_header_general',
'priority' => 10,
'input_attrs' => array(
'min' => 0,
'max' => 10,
'step' => 1,
),
'active_callback' => 'oceanwp_cac_has_full_screen_header_style',
) ) );
/**
* Full Screen header hamburger icon gap
*/
$wp_customize->add_setting( 'ocean_full_screen_header_hamburger_icon_gap', array(
'transport' => 'postMessage',
'default' => '8',
'sanitize_callback' => 'oceanwp_sanitize_number',
) );
$wp_customize->add_control( new OceanWP_Customizer_Range_Control( $wp_customize, 'ocean_full_screen_header_hamburger_icon_gap', array(
'label' => esc_html__( ' Hamburger Gap (px)', 'oceanwp' ),
'section' => 'ocean_header_general',
'priority' => 10,
'input_attrs' => array(
'min' => 0,
'max' => 25,
'step' => 1,
),
'active_callback' => 'oceanwp_cac_has_full_screen_header_style',
) ) );
/**
* Full Screen Header Transparent
*/
$wp_customize->add_setting( 'ocean_full_screen_header_transparent', array(
'default' => false,
'sanitize_callback' => 'oceanwp_sanitize_checkbox',
) );
$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_full_screen_header_transparent', array(
'label' => esc_html__( 'Add Transparent Header', 'oceanwp' ),
'type' => 'checkbox',
'section' => 'ocean_header_general',
'settings' => 'ocean_full_screen_header_transparent',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_full_screen_header_style',
) ) );
/**
* Full Screen Header Logo
*/
$wp_customize->add_setting( 'ocean_full_screen_header_logo', array(
'default' => '',
'sanitize_callback' => 'oceanwp_sanitize_image',
) );
$wp_customize->add_control( new WP_Customize_Image_Control( $wp_customize, 'ocean_full_screen_header_logo', array(
'label' => esc_html__( 'Logo (optional)', 'oceanwp' ),
'description' => esc_html__( 'Select a custom logo when the menu is opened.', 'oceanwp' ),
'section' => 'ocean_header_general',
'settings' => 'ocean_full_screen_header_logo',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_full_screen_header_style',
) ) );
/**
* Full Screen Header Retina Logo
*/
$wp_customize->add_setting( 'ocean_full_screen_header_retina_logo', array(
'default' => '',
'sanitize_callback' => 'oceanwp_sanitize_image',
) );
$wp_customize->add_control( new WP_Customize_Image_Control( $wp_customize, 'ocean_full_screen_header_retina_logo', array(
'label' => esc_html__( 'Retina Logo (optional)', 'oceanwp' ),
'description' => esc_html__( 'Select a custom retina logo (twice the logo size) when the menu is opened.', 'oceanwp' ),
'section' => 'ocean_header_general',
'settings' => 'ocean_full_screen_header_retina_logo',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_full_screen_header_style',
) ) );
/**
* Full Screen Styling Heading
*/
$wp_customize->add_setting( 'ocean_full_screen_styling_heading', array(
'sanitize_callback' => 'wp_kses',
) );
$wp_customize->add_control( new OceanWP_Customizer_Heading_Control( $wp_customize, 'ocean_full_screen_styling_heading', array(
'label' => esc_html__( 'Styling', 'oceanwp' ),
'section' => 'ocean_header_general',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_full_screen_header_style',
) ) );
/**
* Full Screen Header Menu Bar Color
*/
$wp_customize->add_setting( 'ocean_full_screen_header_menu_bar_color', array(
'transport' => 'postMessage',
'default' => '#333333',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_full_screen_header_menu_bar_color', array(
'label' => esc_html__( 'Menu Bar Color', 'oceanwp' ),
'section' => 'ocean_header_general',
'settings' => 'ocean_full_screen_header_menu_bar_color',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_full_screen_header_style',
) ) );
/**
* Full Screen Header Menu Bar Close Color
*/
$wp_customize->add_setting( 'ocean_full_screen_header_menu_bar_close_color', array(
'transport' => 'postMessage',
'default' => '#ffffff',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_full_screen_header_menu_bar_close_color', array(
'label' => esc_html__( 'Menu Bar Close Color', 'oceanwp' ),
'section' => 'ocean_header_general',
'settings' => 'ocean_full_screen_header_menu_bar_close_color',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_full_screen_header_style',
) ) );
/**
* Full Screen Header Background Color
*/
$wp_customize->add_setting( 'ocean_full_screen_header_bg', array(
'transport' => 'postMessage',
'default' => 'rgba(0,0,0,0.9)',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_full_screen_header_bg', array(
'label' => esc_html__( 'Background Color', 'oceanwp' ),
'section' => 'ocean_header_general',
'settings' => 'ocean_full_screen_header_bg',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_full_screen_header_style',
) ) );
/**
* Full Screen Header Links Background Color
*/
$wp_customize->add_setting( 'ocean_full_screen_header_links_bg_color', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_full_screen_header_links_bg_color', array(
'label' => esc_html__( 'Links Background Color', 'oceanwp' ),
'section' => 'ocean_header_general',
'settings' => 'ocean_full_screen_header_links_bg_color',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_full_screen_header_style',
) ) );
/**
* Full Screen Header Links Hover Background Color
*/
$wp_customize->add_setting( 'ocean_full_screen_header_links_hover_bg_color', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_full_screen_header_links_hover_bg_color', array(
'label' => esc_html__( 'Links Hover Background Color', 'oceanwp' ),
'section' => 'ocean_header_general',
'settings' => 'ocean_full_screen_header_links_hover_bg_color',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_full_screen_header_style',
) ) );
/**
* Full Screen Header Links Color
*/
$wp_customize->add_setting( 'ocean_full_screen_header_links_color', array(
'transport' => 'postMessage',
'default' => '#ffffff',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_full_screen_header_links_color', array(
'label' => esc_html__( 'Links Color', 'oceanwp' ),
'section' => 'ocean_header_general',
'settings' => 'ocean_full_screen_header_links_color',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_full_screen_header_style',
) ) );
/**
* Full Screen Header Links Hover Color
*/
$wp_customize->add_setting( 'ocean_full_screen_header_links_hover_color', array(
'transport' => 'postMessage',
'default' => '#929292',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_full_screen_header_links_hover_color', array(
'label' => esc_html__( 'Links Hover Color', 'oceanwp' ),
'section' => 'ocean_header_general',
'settings' => 'ocean_full_screen_header_links_hover_color',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_full_screen_header_style',
) ) );
/**
* Full Screen Search Styling Heading
*/
$wp_customize->add_setting( 'ocean_full_screen_search_styling_heading', array(
'sanitize_callback' => 'wp_kses',
) );
$wp_customize->add_control( new OceanWP_Customizer_Heading_Control( $wp_customize, 'ocean_full_screen_search_styling_heading', array(
'label' => esc_html__( 'Search Styling', 'oceanwp' ),
'section' => 'ocean_header_general',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_full_screen_header_style',
) ) );
/**
* Full Screen Header Input Color
*/
$wp_customize->add_setting( 'ocean_full_screen_header_search_color', array(
'transport' => 'postMessage',
'default' => '#ffffff',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_full_screen_header_search_color', array(
'label' => esc_html__( 'Input Color', 'oceanwp' ),
'section' => 'ocean_header_general',
'settings' => 'ocean_full_screen_header_search_color',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_full_screen_header_style',
) ) );
/**
* Full Screen Header Input Dashed Text Color
*/
$wp_customize->add_setting( 'ocean_full_screen_header_search_dashed_bg', array(
'transport' => 'postMessage',
'default' => '#ffffff',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_full_screen_header_search_dashed_bg', array(
'label' => esc_html__( 'Input Dashed Text Color', 'oceanwp' ),
'section' => 'ocean_header_general',
'settings' => 'ocean_full_screen_header_search_dashed_bg',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_full_screen_header_style',
) ) );
/**
* Full Screen Header Input Border Bottom Color
*/
$wp_customize->add_setting( 'ocean_full_screen_header_search_border_color', array(
'transport' => 'postMessage',
'default' => '#666666',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_full_screen_header_search_border_color', array(
'label' => esc_html__( 'Input Border Bottom Color', 'oceanwp' ),
'section' => 'ocean_header_general',
'settings' => 'ocean_full_screen_header_search_border_color',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_full_screen_header_style',
) ) );
/**
* Full Screen Header Input Hover Border Bottom Color
*/
$wp_customize->add_setting( 'ocean_full_screen_header_search_hover_border_color', array(
'transport' => 'postMessage',
'default' => '#ffffff',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_full_screen_header_search_hover_border_color', array(
'label' => esc_html__( 'Input Hover Border Bottom Color', 'oceanwp' ),
'section' => 'ocean_header_general',
'settings' => 'ocean_full_screen_header_search_hover_border_color',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_full_screen_header_style',
) ) );
/**
* Full Screen Header Input Focus Border Bottom Color
*/
$wp_customize->add_setting( 'ocean_full_screen_header_search_focus_border_color', array(
'transport' => 'postMessage',
'default' => '#ffffff',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_full_screen_header_search_focus_border_color', array(
'label' => esc_html__( 'Input Focus Border Bottom Color', 'oceanwp' ),
'section' => 'ocean_header_general',
'settings' => 'ocean_full_screen_header_search_focus_border_color',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_full_screen_header_style',
) ) );
/**
* Heading Center Header
*/
$wp_customize->add_setting( 'ocean_center_header_heading', array(
'sanitize_callback' => 'wp_kses',
) );
$wp_customize->add_control( new OceanWP_Customizer_Heading_Control( $wp_customize, 'ocean_center_header_heading', array(
'label' => esc_html__( 'Center Header Settings', 'oceanwp' ),
'section' => 'ocean_header_general',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_center_header_style',
) ) );
/**
* Search Source
*/
$wp_customize->add_setting( 'ocean_center_header_left_menu', array(
'default' => '0',
'sanitize_callback' => 'oceanwp_sanitize_select',
) );
$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_center_header_left_menu', array(
'label' => esc_html__( 'Left Menu', 'oceanwp' ),
'type' => 'select',
'section' => 'ocean_header_general',
'settings' => 'ocean_center_header_left_menu',
'priority' => 10,
'choices' => $this->get_wp_menus(),
'active_callback' => 'oceanwp_cac_has_center_header_style',
) ) );
/**
* Center Header Menus Position
*/
$wp_customize->add_setting( 'ocean_center_header_menu_position', array(
'transport' => 'postMessage',
'default' => 'centered',
'sanitize_callback' => 'sanitize_text_field',
) );
$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_center_header_menu_position', array(
'label' => esc_html__( 'Menus Position', 'oceanwp' ),
'type' => 'select',
'section' => 'ocean_header_general',
'settings' => 'ocean_center_header_menu_position',
'priority' => 10,
'choices' => array(
'wider' => esc_html__( 'Wider Spacing', 'oceanwp' ),
'centered' => esc_html__( 'Centered Menus', 'oceanwp' ),
'closer' => esc_html__( 'Closer Spacing', 'oceanwp' ),
),
'active_callback' => 'oceanwp_cac_has_center_header_style',
) ) );
/**
* Center Header Transparent
*/
$wp_customize->add_setting( 'ocean_center_header_transparent', array(
'default' => false,
'sanitize_callback' => 'oceanwp_sanitize_checkbox',
) );
$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_center_header_transparent', array(
'label' => esc_html__( 'Add Transparent Header', 'oceanwp' ),
'type' => 'checkbox',
'section' => 'ocean_header_general',
'settings' => 'ocean_center_header_transparent',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_center_header_style',
) ) );
/**
* Heading Medium Header
*/
$wp_customize->add_setting( 'ocean_medium_header_heading', array(
'sanitize_callback' => 'wp_kses',
) );
$wp_customize->add_control( new OceanWP_Customizer_Heading_Control( $wp_customize, 'ocean_medium_header_heading', array(
'label' => esc_html__( 'Medium Header Settings', 'oceanwp' ),
'section' => 'ocean_header_general',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_medium_header_style',
) ) );
/**
* Medium Header Transparent
*/
$wp_customize->add_setting( 'ocean_medium_header_transparent', array(
'default' => false,
'sanitize_callback' => 'oceanwp_sanitize_checkbox',
) );
$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_medium_header_transparent', array(
'label' => esc_html__( 'Add Transparent Header', 'oceanwp' ),
'type' => 'checkbox',
'section' => 'ocean_header_general',
'settings' => 'ocean_medium_header_transparent',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_medium_header_style',
) ) );
if ( class_exists( 'Ocean_Sticky_Header' ) || class_exists( 'Ocean_Ecommerce_Sticky_Header' ) ) {
/**
* Medium Header Hide Menu When Scrolling
*/
$wp_customize->add_setting( 'ocean_medium_header_hidden_menu', array(
'transport' => 'postMessage',
'default' => true,
'sanitize_callback' => 'oceanwp_sanitize_checkbox',
) );
$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_medium_header_hidden_menu', array(
'label' => esc_html__( 'Hide Menu When Scrolling', 'oceanwp' ),
'type' => 'checkbox',
'section' => 'ocean_header_general',
'settings' => 'ocean_medium_header_hidden_menu',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_medium_header_style',
) ) );
/**
* Medium Header Stick Menu
*/
$wp_customize->add_setting( 'ocean_medium_header_stick_menu', array(
'default' => false,
'sanitize_callback' => 'oceanwp_sanitize_checkbox',
) );
$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_medium_header_stick_menu', array(
'label' => esc_html__( 'Stick Only The Menu', 'oceanwp' ),
'type' => 'checkbox',
'section' => 'ocean_header_general',
'settings' => 'ocean_medium_header_stick_menu',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_medium_header_style',
) ) );
}
/**
* Medium Header Top Header Heading
*/
$wp_customize->add_setting( 'ocean_medium_header_top_header_heading', array(
'sanitize_callback' => 'wp_kses',
) );
$wp_customize->add_control( new OceanWP_Customizer_Heading_Control( $wp_customize, 'ocean_medium_header_top_header_heading', array(
'label' => esc_html__( 'Top Header', 'oceanwp' ),
'section' => 'ocean_header_general',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_medium_header_style',
) ) );
/**
* Medium Header Top Header Background Color
*/
$wp_customize->add_setting( 'ocean_medium_header_top_header_bg', array(
'transport' => 'postMessage',
'default' => '#ffffff',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_medium_header_top_header_bg', array(
'label' => esc_html__( 'Background Color', 'oceanwp' ),
'section' => 'ocean_header_general',
'settings' => 'ocean_medium_header_top_header_bg',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_medium_header_style',
) ) );
/**
* Medium Header Top Header Elements
*/
$wp_customize->add_setting( 'ocean_medium_header_top_header_elements', array(
'default' => array( 'searchfrom', 'logo', 'social' ),
'sanitize_callback' => 'oceanwp_sanitize_multi_choices',
) );
$wp_customize->add_control( new OceanWP_Customizer_Sortable_Control( $wp_customize, 'ocean_medium_header_top_header_elements', array(
'label' => esc_html__( 'Elements Positioning', 'oceanwp' ),
'section' => 'ocean_header_general',
'settings' => 'ocean_medium_header_top_header_elements',
'priority' => 10,
'choices' => array(
'searchfrom' => esc_html__( 'Search Form', 'oceanwp' ),
'logo' => esc_html__( 'Logo', 'oceanwp' ),
'social' => esc_html__( 'Social Buttons', 'oceanwp' ),
),
'active_callback' => 'oceanwp_cac_has_medium_header_style',
) ) );
/**
* Medium Header Top Header Padding Top/Bottom
*/
$wp_customize->add_setting( 'ocean_medium_header_top_header_top_padding', array(
'transport' => 'postMessage',
'default' => '30',
'sanitize_callback' => 'oceanwp_sanitize_number',
) );
$wp_customize->add_setting( 'ocean_medium_header_top_header_bottom_padding', array(
'transport' => 'postMessage',
'default' => '30',
'sanitize_callback' => 'oceanwp_sanitize_number',
) );
$wp_customize->add_setting( 'ocean_medium_header_top_header_tablet_top_padding', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_number_blank',
) );
$wp_customize->add_setting( 'ocean_medium_header_top_header_tablet_bottom_padding', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_number_blank',
) );
$wp_customize->add_setting( 'ocean_medium_header_top_header_mobile_top_padding', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_number_blank',
) );
$wp_customize->add_setting( 'ocean_medium_header_top_header_mobile_bottom_padding', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_number_blank',
) );
$wp_customize->add_control( new OceanWP_Customizer_Dimensions_Control( $wp_customize, 'ocean_medium_header_top_header_padding', array(
'label' => esc_html__( 'Padding (px)', 'oceanwp' ),
'section' => 'ocean_header_general',
'settings' => array(
'desktop_top' => 'ocean_medium_header_top_header_top_padding',
'desktop_bottom' => 'ocean_medium_header_top_header_bottom_padding',
'tablet_top' => 'ocean_medium_header_top_header_tablet_top_padding',
'tablet_bottom' => 'ocean_medium_header_top_header_tablet_bottom_padding',
'mobile_top' => 'ocean_medium_header_top_header_mobile_top_padding',
'mobile_bottom' => 'ocean_medium_header_top_header_mobile_bottom_padding',
),
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_medium_header_style',
'input_attrs' => array(
'min' => 0,
'max' => 100,
'step' => 1,
),
) ) );
/**
* Medium Header Sticky Top Header Padding Top/Bottom
*/
$wp_customize->add_setting( 'ocean_medium_header_sticky_top_header_top_padding', array(
'transport' => 'postMessage',
'default' => '20',
'sanitize_callback' => 'oceanwp_sanitize_number',
) );
$wp_customize->add_setting( 'ocean_medium_header_sticky_top_header_bottom_padding', array(
'transport' => 'postMessage',
'default' => '20',
'sanitize_callback' => 'oceanwp_sanitize_number',
) );
$wp_customize->add_setting( 'ocean_medium_header_sticky_top_header_tablet_top_padding', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_number_blank',
) );
$wp_customize->add_setting( 'ocean_medium_header_sticky_top_header_tablet_bottom_padding', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_number_blank',
) );
$wp_customize->add_setting( 'ocean_medium_header_sticky_top_header_mobile_top_padding', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_number_blank',
) );
$wp_customize->add_setting( 'ocean_medium_header_sticky_top_header_mobile_bottom_padding', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_number_blank',
) );
$wp_customize->add_control( new OceanWP_Customizer_Dimensions_Control( $wp_customize, 'ocean_medium_header_sticky_top_header_padding', array(
'label' => esc_html__( 'Sticky Padding (px)', 'oceanwp' ),
'description' => esc_html__( 'If you use the sticky header extension', 'oceanwp' ),
'section' => 'ocean_header_general',
'settings' => array(
'desktop_top' => 'ocean_medium_header_sticky_top_header_top_padding',
'desktop_bottom' => 'ocean_medium_header_sticky_top_header_bottom_padding',
'tablet_top' => 'ocean_medium_header_sticky_top_header_tablet_top_padding',
'tablet_bottom' => 'ocean_medium_header_sticky_top_header_tablet_bottom_padding',
'mobile_top' => 'ocean_medium_header_sticky_top_header_mobile_top_padding',
'mobile_bottom' => 'ocean_medium_header_sticky_top_header_mobile_bottom_padding',
),
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_medium_header_style',
'input_attrs' => array(
'min' => 0,
'max' => 100,
'step' => 1,
),
) ) );
/**
* Medium Header Menu Heading
*/
$wp_customize->add_setting( 'ocean_medium_header_menu_heading', array(
'sanitize_callback' => 'wp_kses',
) );
$wp_customize->add_control( new OceanWP_Customizer_Heading_Control( $wp_customize, 'ocean_medium_header_menu_heading', array(
'label' => esc_html__( 'Menu', 'oceanwp' ),
'section' => 'ocean_header_general',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_medium_header_style',
) ) );
/**
* Medium Header Menu Position
*/
$wp_customize->add_setting( 'ocean_medium_header_menu_position', array(
'transport' => 'postMessage',
'default' => 'center-menu',
'sanitize_callback' => 'oceanwp_sanitize_select',
) );
$wp_customize->add_control( new OceanWP_Customizer_Buttonset_Control( $wp_customize, 'ocean_medium_header_menu_position', array(
'label' => esc_html__( 'Position', 'oceanwp' ),
'section' => 'ocean_header_general',
'settings' => 'ocean_medium_header_menu_position',
'priority' => 10,
'choices' => array(
'left-menu' => esc_html__( 'Left', 'oceanwp' ),
'center-menu' => esc_html__( 'Center', 'oceanwp' ),
'right-menu' => esc_html__( 'Right', 'oceanwp' ),
),
'active_callback' => 'oceanwp_cac_has_medium_header_style',
) ) );
/**
* Medium Header Menu Height
*/
$wp_customize->add_setting( 'ocean_medium_header_menu_height', array(
'transport' => 'postMessage',
'default' => '60',
'sanitize_callback' => 'oceanwp_sanitize_number',
) );
$wp_customize->add_control( new OceanWP_Customizer_Range_Control( $wp_customize, 'ocean_medium_header_menu_height', array(
'label' => esc_html__( 'Height (px)', 'oceanwp' ),
'section' => 'ocean_header_general',
'settings' => 'ocean_medium_header_menu_height',
'priority' => 10,
'input_attrs' => array(
'min' => 0,
'max' => 150,
'step' => 1,
),
'active_callback' => 'oceanwp_cac_has_medium_header_style',
) ) );
/**
* Medium Header Menu Items Padding
*/
$wp_customize->add_setting( 'ocean_medium_header_menu_items_right_padding', array(
'transport' => 'postMessage',
'default' => '22',
'sanitize_callback' => 'oceanwp_sanitize_number',
) );
$wp_customize->add_setting( 'ocean_medium_header_menu_items_left_padding', array(
'transport' => 'postMessage',
'default' => '22',
'sanitize_callback' => 'oceanwp_sanitize_number',
) );
$wp_customize->add_setting( 'ocean_medium_header_menu_items_tablet_right_padding', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_number_blank',
) );
$wp_customize->add_setting( 'ocean_medium_header_menu_items_tablet_left_padding', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_number_blank',
) );
$wp_customize->add_setting( 'ocean_medium_header_menu_items_mobile_right_padding', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_number_blank',
) );
$wp_customize->add_setting( 'ocean_medium_header_menu_items_mobile_left_padding', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_number_blank',
) );
$wp_customize->add_control( new OceanWP_Customizer_Dimensions_Control( $wp_customize, 'ocean_medium_header_menu_items_padding', array(
'label' => esc_html__( 'Menu Items Padding (px)', 'oceanwp' ),
'section' => 'ocean_header_general',
'settings' => array(
'desktop_right' => 'ocean_medium_header_menu_items_right_padding',
'desktop_left' => 'ocean_medium_header_menu_items_left_padding',
'tablet_right' => 'ocean_medium_header_menu_items_tablet_right_padding',
'tablet_left' => 'ocean_medium_header_menu_items_tablet_left_padding',
'mobile_right' => 'ocean_medium_header_menu_items_mobile_right_padding',
'mobile_left' => 'ocean_medium_header_menu_items_mobile_left_padding',
),
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_medium_header_style',
'input_attrs' => array(
'min' => 0,
'max' => 60,
'step' => 1,
),
) ) );
/**
* Medium Header Menu Background Color
*/
$wp_customize->add_setting( 'ocean_medium_header_menu_bg', array(
'transport' => 'postMessage',
'default' => '#f9f9f9',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_medium_header_menu_bg', array(
'label' => esc_html__( 'Background Color', 'oceanwp' ),
'section' => 'ocean_header_general',
'settings' => 'ocean_medium_header_menu_bg',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_medium_header_style',
) ) );
/**
* Medium Header Search Form Heading
*/
$wp_customize->add_setting( 'ocean_medium_header_searchform_heading', array(
'sanitize_callback' => 'wp_kses',
) );
$wp_customize->add_control( new OceanWP_Customizer_Heading_Control( $wp_customize, 'ocean_medium_header_searchform_heading', array(
'label' => esc_html__( 'Search Form', 'oceanwp' ),
'section' => 'ocean_header_general',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_medium_header_style',
) ) );
/**
* Medium Header Input Background Color
*/
$wp_customize->add_setting( 'ocean_medium_header_search_bg', array(
'transport' => 'postMessage',
'default' => '#f5f5f5',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_medium_header_search_bg', array(
'label' => esc_html__( 'Input Background Color', 'oceanwp' ),
'section' => 'ocean_header_general',
'settings' => 'ocean_medium_header_search_bg',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_medium_header_style',
) ) );
/**
* Medium Header Input Color
*/
$wp_customize->add_setting( 'ocean_medium_header_search_color', array(
'transport' => 'postMessage',
'default' => '#333333',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_medium_header_search_color', array(
'label' => esc_html__( 'Input Color', 'oceanwp' ),
'section' => 'ocean_header_general',
'settings' => 'ocean_medium_header_search_color',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_medium_header_style',
) ) );
/**
* Medium Header Placeholder Color
*/
$wp_customize->add_setting( 'ocean_medium_header_search_placeholder_color', array(
'transport' => 'postMessage',
'default' => '#333333',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_medium_header_search_placeholder_color', array(
'label' => esc_html__( 'Placeholder Color', 'oceanwp' ),
'section' => 'ocean_header_general',
'settings' => 'ocean_medium_header_search_placeholder_color',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_medium_header_style',
) ) );
/**
* Medium Header Button Color
*/
$wp_customize->add_setting( 'ocean_medium_header_search_button_color', array(
'transport' => 'postMessage',
'default' => '#333333',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_medium_header_search_button_color', array(
'label' => esc_html__( 'Button Color', 'oceanwp' ),
'section' => 'ocean_header_general',
'settings' => 'ocean_medium_header_search_button_color',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_medium_header_style',
) ) );
/**
* Medium Header Button Hover Color
*/
$wp_customize->add_setting( 'ocean_medium_header_search_button_hover_color', array(
'transport' => 'postMessage',
'default' => '#13aff0',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_medium_header_search_button_hover_color', array(
'label' => esc_html__( 'Button Hover Color', 'oceanwp' ),
'section' => 'ocean_header_general',
'settings' => 'ocean_medium_header_search_button_hover_color',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_medium_header_style',
) ) );
/**
* Heading Vertical Header
*/
$wp_customize->add_setting( 'ocean_vertical_header_heading', array(
'sanitize_callback' => 'wp_kses',
) );
$wp_customize->add_control( new OceanWP_Customizer_Heading_Control( $wp_customize, 'ocean_vertical_header_heading', array(
'label' => esc_html__( 'Vertical Header Settings', 'oceanwp' ),
'section' => 'ocean_header_general',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_vertical_header_style',
) ) );
/**
* Vertical Header Template
*/
$wp_customize->add_setting( 'ocean_vertical_header_template', array(
'default' => '0',
'sanitize_callback' => 'oceanwp_sanitize_select',
) );
$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_vertical_header_template', array(
'label' => esc_html__( 'Select Template', 'oceanwp' ),
'description' => esc_html__( 'Choose a template created in Theme Panel > My Library to replace the header content.', 'oceanwp' ),
'type' => 'select',
'section' => 'ocean_header_general',
'settings' => 'ocean_vertical_header_template',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_vertical_header_style',
'choices' => oceanwp_customizer_helpers( 'library' ),
) ) );
/**
* Vertical Header Bottom Template
*/
$wp_customize->add_setting( 'ocean_vertical_header_bottom_template', array(
'default' => '0',
'sanitize_callback' => 'oceanwp_sanitize_select',
) );
$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_vertical_header_bottom_template', array(
'label' => esc_html__( 'Select Bottom Template', 'oceanwp' ),
'description' => esc_html__( 'Choose a template created in Theme Panel > My Library to add at the header bottom.', 'oceanwp' ),
'type' => 'select',
'section' => 'ocean_header_general',
'settings' => 'ocean_vertical_header_bottom_template',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_vertical_header_style',
'choices' => oceanwp_customizer_helpers( 'library' ),
) ) );
/**
* Vertical Header Add Transparent
*/
$wp_customize->add_setting( 'ocean_vertical_header_transparent', array(
'default' => false,
'sanitize_callback' => 'oceanwp_sanitize_checkbox',
) );
$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_vertical_header_transparent', array(
'label' => esc_html__( 'Add Transparent Header', 'oceanwp' ),
'type' => 'checkbox',
'section' => 'ocean_header_general',
'settings' => 'ocean_vertical_header_transparent',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_vertical_header_style',
) ) );
/**
* Vertical Header Shadow
*/
$wp_customize->add_setting( 'ocean_vertical_header_shadow', array(
'transport' => 'postMessage',
'default' => true,
'sanitize_callback' => 'oceanwp_sanitize_checkbox',
) );
$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_vertical_header_shadow', array(
'label' => esc_html__( 'Add Header Shadow', 'oceanwp' ),
'type' => 'checkbox',
'section' => 'ocean_header_general',
'settings' => 'ocean_vertical_header_shadow',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_vertical_header_style',
) ) );
/**
* Vertical Header Closed
*/
$wp_customize->add_setting( 'ocean_vertical_header_closed', array(
'transport' => 'postMessage',
'default' => false,
'sanitize_callback' => 'oceanwp_sanitize_checkbox',
) );
$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_vertical_header_closed', array(
'label' => esc_html__( 'Closed Header', 'oceanwp' ),
'type' => 'checkbox',
'section' => 'ocean_header_general',
'settings' => 'ocean_vertical_header_closed',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_vertical_header_style',
) ) );
/**
* Hamburger Button Color
*/
$wp_customize->add_setting( 'ocean_vertical_header_hamburger_color', array(
'default' => '#000000',
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_vertical_header_hamburger_color', array(
'label' => esc_html__( 'Custom Hamburger Button Color', 'oceanwp' ),
'description' => esc_html__( 'Used for the hamburger menu to open the header in small screens and if closed header.', 'oceanwp' ),
'section' => 'ocean_header_general',
'settings' => 'ocean_vertical_header_hamburger_color',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_vertical_header_style',
) ) );
/**
* Vertical Header Collapse Width
*/
$wp_customize->add_setting( 'ocean_vertical_header_collapse_width', array(
'transport' => 'postMessage',
'default' => '1280',
'sanitize_callback' => 'oceanwp_sanitize_number_blank',
) );
$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_vertical_header_collapse_width', array(
'label' => esc_html__( 'Collapse Width (px)', 'oceanwp' ),
'description' => esc_html__( 'This field is to control the width where you want to collapse the header.', 'oceanwp' ),
'type' => 'number',
'section' => 'ocean_header_general',
'settings' => 'ocean_vertical_header_collapse_width',
'priority' => 10,
'input_attrs' => array(
'min' => 959,
'step' => 1,
),
'active_callback' => 'oceanwp_cac_has_vertical_header_style',
) ) );
/**
* Vertical Header Width
*/
$wp_customize->add_setting( 'ocean_vertical_header_width', array(
'transport' => 'postMessage',
'default' => '300',
'sanitize_callback' => 'oceanwp_sanitize_number_blank',
) );
$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_vertical_header_width', array(
'label' => esc_html__( 'Width (px)', 'oceanwp' ),
'type' => 'number',
'section' => 'ocean_header_general',
'settings' => 'ocean_vertical_header_width',
'priority' => 10,
'input_attrs' => array(
'min' => 0,
'step' => 1,
),
'active_callback' => 'oceanwp_cac_has_vertical_header_style',
) ) );
/**
* Vertical Header Inner Padding
*/
$wp_customize->add_setting( 'ocean_vertical_header_inner_top_padding', array(
'transport' => 'postMessage',
'default' => '30',
'sanitize_callback' => 'oceanwp_sanitize_number',
) );
$wp_customize->add_setting( 'ocean_vertical_header_inner_right_padding', array(
'transport' => 'postMessage',
'default' => '30',
'sanitize_callback' => 'oceanwp_sanitize_number',
) );
$wp_customize->add_setting( 'ocean_vertical_header_inner_bottom_padding', array(
'transport' => 'postMessage',
'default' => '30',
'sanitize_callback' => 'oceanwp_sanitize_number',
) );
$wp_customize->add_setting( 'ocean_vertical_header_inner_left_padding', array(
'transport' => 'postMessage',
'default' => '30',
'sanitize_callback' => 'oceanwp_sanitize_number',
) );
$wp_customize->add_setting( 'ocean_vertical_header_inner_tablet_top_padding', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_number_blank',
) );
$wp_customize->add_setting( 'ocean_vertical_header_inner_tablet_right_padding', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_number_blank',
) );
$wp_customize->add_setting( 'ocean_vertical_header_inner_tablet_bottom_padding', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_number_blank',
) );
$wp_customize->add_setting( 'ocean_vertical_header_inner_tablet_left_padding', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_number_blank',
) );
$wp_customize->add_setting( 'ocean_vertical_header_inner_mobile_top_padding', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_number_blank',
) );
$wp_customize->add_setting( 'ocean_vertical_header_inner_mobile_right_padding', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_number_blank',
) );
$wp_customize->add_setting( 'ocean_vertical_header_inner_mobile_bottom_padding', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_number_blank',
) );
$wp_customize->add_setting( 'ocean_vertical_header_inner_mobile_left_padding', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_number_blank',
) );
$wp_customize->add_control( new OceanWP_Customizer_Dimensions_Control( $wp_customize, 'ocean_vertical_header_inner_padding', array(
'label' => esc_html__( 'Inner Padding (px)', 'oceanwp' ),
'section' => 'ocean_header_general',
'settings' => array(
'desktop_top' => 'ocean_vertical_header_inner_top_padding',
'desktop_right' => 'ocean_vertical_header_inner_right_padding',
'desktop_bottom' => 'ocean_vertical_header_inner_bottom_padding',
'desktop_left' => 'ocean_vertical_header_inner_left_padding',
'tablet_top' => 'ocean_vertical_header_inner_tablet_top_padding',
'tablet_right' => 'ocean_vertical_header_inner_tablet_right_padding',
'tablet_bottom' => 'ocean_vertical_header_inner_tablet_bottom_padding',
'tablet_left' => 'ocean_vertical_header_inner_tablet_left_padding',
'mobile_top' => 'ocean_vertical_header_inner_mobile_top_padding',
'mobile_right' => 'ocean_vertical_header_inner_mobile_right_padding',
'mobile_bottom' => 'ocean_vertical_header_inner_mobile_bottom_padding',
'mobile_left' => 'ocean_vertical_header_inner_mobile_left_padding',
),
'priority' => 10,
'input_attrs' => array(
'min' => 0,
'step' => 1,
),
'active_callback' => 'oceanwp_cac_has_vertical_header_style',
) ) );
/**
* Vertical Header Position
*/
$wp_customize->add_setting( 'ocean_vertical_header_position', array(
'transport' => 'postMessage',
'default' => 'left-header',
'sanitize_callback' => 'oceanwp_sanitize_select',
) );
$wp_customize->add_control( new OceanWP_Customizer_Buttonset_Control( $wp_customize, 'ocean_vertical_header_position', array(
'label' => esc_html__( 'Position', 'oceanwp' ),
'section' => 'ocean_header_general',
'settings' => 'ocean_vertical_header_position',
'priority' => 10,
'choices' => array(
'left-header' => esc_html__( 'Left', 'oceanwp' ),
'right-header' => esc_html__( 'Right', 'oceanwp' ),
),
'active_callback' => 'oceanwp_cac_has_vertical_header_style',
) ) );
/**
* Vertical Header Logo Position
*/
$wp_customize->add_setting( 'ocean_vertical_header_logo_position', array(
'transport' => 'postMessage',
'default' => 'center-logo',
'sanitize_callback' => 'oceanwp_sanitize_select',
) );
$wp_customize->add_control( new OceanWP_Customizer_Buttonset_Control( $wp_customize, 'ocean_vertical_header_logo_position', array(
'label' => esc_html__( 'Logo Position', 'oceanwp' ),
'section' => 'ocean_header_general',
'settings' => 'ocean_vertical_header_logo_position',
'priority' => 10,
'choices' => array(
'left-logo' => esc_html__( 'Left', 'oceanwp' ),
'center-logo' => esc_html__( 'Center', 'oceanwp' ),
'right-logo' => esc_html__( 'Right', 'oceanwp' ),
),
'active_callback' => 'oceanwp_cac_has_vertical_header_style',
) ) );
/**
* Vertical Header Menu Items Padding
*/
$wp_customize->add_setting( 'ocean_vertical_header_menu_items_padding', array(
'transport' => 'postMessage',
'default' => '17',
'sanitize_callback' => 'oceanwp_sanitize_number',
) );
$wp_customize->add_control( new OceanWP_Customizer_Range_Control( $wp_customize, 'ocean_vertical_header_menu_items_padding', array(
'label' => esc_html__( 'Menu Items Top/Bottom Padding (px)', 'oceanwp' ),
'section' => 'ocean_header_general',
'settings' => 'ocean_vertical_header_menu_items_padding',
'priority' => 10,
'input_attrs' => array(
'min' => 0,
'max' => 100,
'step' => 1,
),
'active_callback' => 'oceanwp_cac_has_vertical_header_style',
) ) );
/**
* Vertical Header Menu Dropdown Target
*/
$wp_customize->add_setting( 'ocean_vertical_header_dropdown_target', array(
'default' => 'link',
'sanitize_callback' => 'oceanwp_sanitize_select',
) );
$wp_customize->add_control( new OceanWP_Customizer_Buttonset_Control( $wp_customize, 'ocean_vertical_header_dropdown_target', array(
'label' => esc_html__( 'Dropdown Target', 'oceanwp' ),
'description' => esc_html__( 'Choose your opening target for your submenus', 'oceanwp' ),
'section' => 'ocean_header_general',
'settings' => 'ocean_vertical_header_dropdown_target',
'priority' => 10,
'choices' => array(
'icon' => esc_html__( 'Icon', 'oceanwp' ),
'link' => esc_html__( 'Link', 'oceanwp' ),
),
'active_callback' => 'oceanwp_cac_has_vertical_header_style',
) ) );
/**
* Vertical Header Menu Items Border Color
*/
$wp_customize->add_setting( 'ocean_vertical_header_menu_items_border_color', array(
'transport' => 'postMessage',
'default' => 'rgba(0,0,0,0.05)',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_vertical_header_menu_items_border_color', array(
'label' => esc_html__( 'Menu Items Border Color', 'oceanwp' ),
'section' => 'ocean_header_general',
'settings' => 'ocean_vertical_header_menu_items_border_color',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_vertical_header_style',
) ) );
/**
* Vertical Header Sub Menu Background Color
*/
$wp_customize->add_setting( 'ocean_vertical_header_sub_menu_bg', array(
'transport' => 'postMessage',
'default' => 'rgba(0,0,0,0.03)',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_vertical_header_sub_menu_bg', array(
'label' => esc_html__( 'Sub Menu Background Color', 'oceanwp' ),
'section' => 'ocean_header_general',
'settings' => 'ocean_vertical_header_sub_menu_bg',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_vertical_header_style',
) ) );
/**
* Vertical Header Sub Menu Links Color
*/
$wp_customize->add_setting( 'ocean_vertical_header_sub_menu_links_color', array(
'transport' => 'postMessage',
'default' => '#333333',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_vertical_header_sub_menu_links_color', array(
'label' => esc_html__( 'Sub Menu Links Color', 'oceanwp' ),
'section' => 'ocean_header_general',
'settings' => 'ocean_vertical_header_sub_menu_links_color',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_vertical_header_style',
) ) );
/**
* Vertical Header Sub Menu Links Hover Color
*/
$wp_customize->add_setting( 'ocean_vertical_header_sub_menu_links_hover_color', array(
'transport' => 'postMessage',
'default' => '#555555',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_vertical_header_sub_menu_links_hover_color', array(
'label' => esc_html__( 'Sub Menu Links Color: Hover', 'oceanwp' ),
'section' => 'ocean_header_general',
'settings' => 'ocean_vertical_header_sub_menu_links_hover_color',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_vertical_header_style',
) ) );
/**
* Vertical Header Sub Menu Links Background Color
*/
$wp_customize->add_setting( 'ocean_vertical_header_sub_menu_links_bg', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_vertical_header_sub_menu_links_bg', array(
'label' => esc_html__( 'Sub Menu Links Background Color', 'oceanwp' ),
'section' => 'ocean_header_general',
'settings' => 'ocean_vertical_header_sub_menu_links_bg',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_vertical_header_style',
) ) );
/**
* Vertical Header Sub Menu Links Hover Background Color
*/
$wp_customize->add_setting( 'ocean_vertical_header_sub_menu_links_hover_bg', array(
'transport' => 'postMessage',
'default' => '#f8f8f8',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_vertical_header_sub_menu_links_hover_bg', array(
'label' => esc_html__( 'Sub Menu Links Background Color: Hover', 'oceanwp' ),
'section' => 'ocean_header_general',
'settings' => 'ocean_vertical_header_sub_menu_links_hover_bg',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_vertical_header_style',
) ) );
/**
* Heading Vertical Header Search Form
*/
$wp_customize->add_setting( 'ocean_vertical_header_search_heading', array(
'sanitize_callback' => 'wp_kses',
) );
$wp_customize->add_control( new OceanWP_Customizer_Heading_Control( $wp_customize, 'ocean_vertical_header_search_heading', array(
'label' => esc_html__( 'Search Form', 'oceanwp' ),
'section' => 'ocean_header_general',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_vertical_header_style',
) ) );
/**
* Vertical Header Search Form
*/
$wp_customize->add_setting( 'ocean_vertical_header_search_form', array(
'default' => true,
'sanitize_callback' => 'oceanwp_sanitize_checkbox',
) );
$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_vertical_header_search_form', array(
'label' => esc_html__( 'Display Search Form', 'oceanwp' ),
'type' => 'checkbox',
'section' => 'ocean_header_general',
'settings' => 'ocean_vertical_header_search_form',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_vertical_header_style',
) ) );
/**
* Vertical Header Search Border Width
*/
$wp_customize->add_setting( 'ocean_vertical_header_search_border_width', array(
'transport' => 'postMessage',
'sanitize_callback' => 'wp_kses_post',
) );
$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_vertical_header_search_border_width', array(
'label' => esc_html__( 'Border Width', 'oceanwp' ),
'description' => esc_html__( 'Add a custom border radius. px - em - %.', 'oceanwp' ),
'type' => 'text',
'section' => 'ocean_header_general',
'settings' => 'ocean_vertical_header_search_border_width',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_vertical_header_style',
) ) );
/**
* Vertical Header Search Border Radius
*/
$wp_customize->add_setting( 'ocean_vertical_header_search_border_radius', array(
'transport' => 'postMessage',
'sanitize_callback' => 'wp_kses_post',
) );
$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_vertical_header_search_border_radius', array(
'label' => esc_html__( 'Border Radius', 'oceanwp' ),
'description' => esc_html__( 'Add a custom border radius. px - em - %.', 'oceanwp' ),
'type' => 'text',
'section' => 'ocean_header_general',
'settings' => 'ocean_vertical_header_search_border_radius',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_vertical_header_style',
) ) );
/**
* Vertical Header Search Background Color
*/
$wp_customize->add_setting( 'ocean_vertical_header_search_bg', array(
'transport' => 'postMessage',
'default' => 'rgba(0,0,0,0.03)',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_vertical_header_search_bg', array(
'label' => esc_html__( 'Background Color', 'oceanwp' ),
'section' => 'ocean_header_general',
'settings' => 'ocean_vertical_header_search_bg',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_vertical_header_style',
) ) );
/**
* Vertical Header Search Label Color
*/
$wp_customize->add_setting( 'ocean_vertical_header_search_color', array(
'transport' => 'postMessage',
'default' => '#333333',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_vertical_header_search_color', array(
'label' => esc_html__( 'Color', 'oceanwp' ),
'section' => 'ocean_header_general',
'settings' => 'ocean_vertical_header_search_color',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_vertical_header_style',
) ) );
/**
* Vertical Header Search Border Color
*/
$wp_customize->add_setting( 'ocean_vertical_header_search_border_color', array(
'transport' => 'postMessage',
'default' => 'rgba(0,0,0,0.04)',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_vertical_header_search_border_color', array(
'label' => esc_html__( 'Border Color', 'oceanwp' ),
'section' => 'ocean_header_general',
'settings' => 'ocean_vertical_header_search_border_color',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_vertical_header_style',
) ) );
/**
* Vertical Header Search Hover Border Color
*/
$wp_customize->add_setting( 'ocean_vertical_header_search_hover_border_color', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_vertical_header_search_hover_border_color', array(
'label' => esc_html__( 'Border Color: Hover', 'oceanwp' ),
'section' => 'ocean_header_general',
'settings' => 'ocean_vertical_header_search_hover_border_color',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_vertical_header_style',
) ) );
/**
* Vertical Header Search Focus Border Color
*/
$wp_customize->add_setting( 'ocean_vertical_header_search_focus_border_color', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_vertical_header_search_focus_border_color', array(
'label' => esc_html__( 'Border Color: Focus', 'oceanwp' ),
'section' => 'ocean_header_general',
'settings' => 'ocean_vertical_header_search_focus_border_color',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_vertical_header_style',
) ) );
/**
* Vertical Header Search Button Color
*/
$wp_customize->add_setting( 'ocean_vertical_header_search_btn_color', array(
'transport' => 'postMessage',
'default' => '#777777',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_vertical_header_search_btn_color', array(
'label' => esc_html__( 'Button Color', 'oceanwp' ),
'section' => 'ocean_header_general',
'settings' => 'ocean_vertical_header_search_btn_color',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_vertical_header_style',
) ) );
/**
* Vertical Header Search Button Color
*/
$wp_customize->add_setting( 'ocean_vertical_header_search_btn_hover_color', array(
'transport' => 'postMessage',
'default' => '#333333',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_vertical_header_search_btn_hover_color', array(
'label' => esc_html__( 'Button Color: Hover', 'oceanwp' ),
'section' => 'ocean_header_general',
'settings' => 'ocean_vertical_header_search_btn_hover_color',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_vertical_header_style',
) ) );
/**
* Section where header images options are automatically added
*/
$wp_customize->add_section(
'header_image',
array(
'title' => esc_html__( 'Header Media', 'oceanwp' ),
'priority' => 10,
'panel' => $panel,
)
);
/**
* Overlay Color
*/
$wp_customize->add_setting( 'ocean_header_image_overlay_color', array(
'transport' => 'postMessage',
'default' => 'rgba(0,0,0,0.3)',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_header_image_overlay_color', array(
'label' => esc_html__( 'Overlay Color', 'oceanwp' ),
'section' => 'header_image',
'settings' => 'ocean_header_image_overlay_color',
'priority' => 10,
) ) );
/**
* Site Background Image Position
*/
$wp_customize->add_setting( 'ocean_header_image_position', array(
'transport' => 'postMessage',
'default' => 'initial',
'sanitize_callback' => 'sanitize_text_field',
) );
$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_header_image_position', array(
'label' => esc_html__( 'Position', 'oceanwp' ),
'type' => 'select',
'section' => 'header_image',
'settings' => 'ocean_header_image_position',
'priority' => 10,
'choices' => array(
'initial' => esc_html__( 'Default', 'oceanwp' ),
'top left' => esc_html__( 'Top Left', 'oceanwp' ),
'top center' => esc_html__( 'Top Center', 'oceanwp' ),
'top right' => esc_html__( 'Top Right', 'oceanwp' ),
'center left' => esc_html__( 'Center Left', 'oceanwp' ),
'center center' => esc_html__( 'Center Center', 'oceanwp' ),
'center right' => esc_html__( 'Center Right', 'oceanwp' ),
'bottom left' => esc_html__( 'Bottom Left', 'oceanwp' ),
'bottom center' => esc_html__( 'Bottom Center', 'oceanwp' ),
'bottom right' => esc_html__( 'Bottom Right', 'oceanwp' ),
),
) ) );
/**
* Site Background Image Attachment
*/
$wp_customize->add_setting( 'ocean_header_image_attachment', array(
'transport' => 'postMessage',
'default' => 'initial',
'sanitize_callback' => 'oceanwp_sanitize_select',
) );
$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_header_image_attachment', array(
'label' => esc_html__( 'Attachment', 'oceanwp' ),
'type' => 'select',
'section' => 'header_image',
'settings' => 'ocean_header_image_attachment',
'priority' => 10,
'choices' => array(
'initial' => esc_html__( 'Default', 'oceanwp' ),
'scroll' => esc_html__( 'Scroll', 'oceanwp' ),
'fixed' => esc_html__( 'Fixed', 'oceanwp' ),
),
) ) );
/**
* Site Background Image Repeat
*/
$wp_customize->add_setting( 'ocean_header_image_repeat', array(
'transport' => 'postMessage',
'default' => 'initial',
'sanitize_callback' => 'oceanwp_sanitize_select',
) );
$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_header_image_repeat', array(
'label' => esc_html__( 'Repeat', 'oceanwp' ),
'type' => 'select',
'section' => 'header_image',
'settings' => 'ocean_header_image_repeat',
'priority' => 10,
'choices' => array(
'initial' => esc_html__( 'Default', 'oceanwp' ),
'no-repeat' => esc_html__( 'No-repeat', 'oceanwp' ),
'repeat' => esc_html__( 'Repeat', 'oceanwp' ),
'repeat-x' => esc_html__( 'Repeat-x', 'oceanwp' ),
'repeat-y' => esc_html__( 'Repeat-y', 'oceanwp' ),
),
) ) );
/**
* Site Background Image Size
*/
$wp_customize->add_setting( 'ocean_header_image_size', array(
'transport' => 'postMessage',
'default' => 'initial',
'sanitize_callback' => 'oceanwp_sanitize_select',
) );
$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_header_image_size', array(
'label' => esc_html__( 'Size', 'oceanwp' ),
'type' => 'select',
'section' => 'header_image',
'settings' => 'ocean_header_image_size',
'priority' => 10,
'choices' => array(
'initial' => esc_html__( 'Default', 'oceanwp' ),
'auto' => esc_html__( 'Auto', 'oceanwp' ),
'cover' => esc_html__( 'Cover', 'oceanwp' ),
'contain' => esc_html__( 'Contain', 'oceanwp' ),
),
) ) );
/**
* Section
*/
$wp_customize->add_section( 'ocean_header_logo' , array(
'title' => esc_html__( 'Logo', 'oceanwp' ),
'priority' => 10,
'panel' => $panel,
) );
/**
* Header Retina Logo
*/
$wp_customize->add_setting( 'ocean_retina_logo', array(
'default' => '',
'sanitize_callback' => 'oceanwp_sanitize_image',
) );
$wp_customize->add_control( new WP_Customize_Image_Control( $wp_customize, 'ocean_retina_logo', array(
'label' => esc_html__( 'Retina Logo', 'oceanwp' ),
'description' => esc_html__( 'Select a retina logo twice the normal logo size.', 'oceanwp' ),
'section' => 'ocean_header_logo',
'settings' => 'ocean_retina_logo',
'priority' => 10,
) ) );
/**
* Header Logo Max Width
*/
$wp_customize->add_setting( 'ocean_logo_max_width', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_number_blank',
) );
$wp_customize->add_setting( 'ocean_logo_max_width_tablet', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_number_blank',
) );
$wp_customize->add_setting( 'ocean_logo_max_width_mobile', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_number_blank',
) );
$wp_customize->add_control( new OceanWP_Customizer_Slider_Control( $wp_customize, 'ocean_logo_max_width', array(
'label' => esc_html__( 'Max Width (px)', 'oceanwp' ),
'section' => 'ocean_header_logo',
'settings' => array(
'desktop' => 'ocean_logo_max_width',
'tablet' => 'ocean_logo_max_width_tablet',
'mobile' => 'ocean_logo_max_width_mobile',
),
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_custom_logo',
'input_attrs' => array(
'min' => 0,
'max' => 500,
'step' => 1,
),
) ) );
/**
* Header Logo Max Height
*/
$wp_customize->add_setting( 'ocean_logo_max_height', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_number_blank',
) );
$wp_customize->add_setting( 'ocean_logo_max_height_tablet', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_number_blank',
) );
$wp_customize->add_setting( 'ocean_logo_max_height_mobile', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_number_blank',
) );
$wp_customize->add_control( new OceanWP_Customizer_Slider_Control( $wp_customize, 'ocean_logo_max_height', array(
'label' => esc_html__( 'Max Height (px)', 'oceanwp' ),
'section' => 'ocean_header_logo',
'settings' => array(
'desktop' => 'ocean_logo_max_height',
'tablet' => 'ocean_logo_max_height_tablet',
'mobile' => 'ocean_logo_max_height_mobile',
),
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_custom_logo',
'input_attrs' => array(
'min' => 0,
'max' => 500,
'step' => 1,
),
) ) );
/**
* Header Logo Color
*/
$wp_customize->add_setting( 'ocean_logo_color', array(
'transport' => 'postMessage',
'default' => '#333333',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_logo_color', array(
'label' => esc_html__( 'Color', 'oceanwp' ),
'section' => 'ocean_header_logo',
'settings' => 'ocean_logo_color',
'priority' => 10,
'active_callback' => 'oceanwp_cac_hasnt_custom_logo',
) ) );
/**
* Header Logo Hover Color
*/
$wp_customize->add_setting( 'ocean_logo_hover_color', array(
'transport' => 'postMessage',
'default' => '#13aff0',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_logo_hover_color', array(
'label' => esc_html__( 'Color: Hover', 'oceanwp' ),
'section' => 'ocean_header_logo',
'settings' => 'ocean_logo_hover_color',
'priority' => 10,
'active_callback' => 'oceanwp_cac_hasnt_custom_logo',
) ) );
/**
* Section
*/
$wp_customize->add_section( 'ocean_header_menu' , array(
'title' => esc_html__( 'Menu', 'oceanwp' ),
'priority' => 10,
'panel' => $panel,
) );
/**
* Custom Nav Template
*/
$wp_customize->add_setting( 'ocean_custom_nav_template', array(
'default' => '0',
'sanitize_callback' => 'oceanwp_sanitize_select',
) );
$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_custom_nav_template', array(
'label' => esc_html__( 'Select Template', 'oceanwp' ),
'description' => esc_html__( 'Choose a template created in Theme Panel > My Library to replace the navigation.', 'oceanwp' ),
'type' => 'select',
'section' => 'ocean_header_menu',
'settings' => 'ocean_custom_nav_template',
'priority' => 10,
'choices' => oceanwp_customizer_helpers( 'library' ),
) ) );
/**
* Menu Top Level Dropdown Icon
*/
$wp_customize->add_setting( 'ocean_menu_arrow_down', array(
'default' => true,
'sanitize_callback' => 'oceanwp_sanitize_checkbox',
) );
$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_menu_arrow_down', array(
'label' => esc_html__( 'Top Level Dropdown Icon', 'oceanwp' ),
'type' => 'checkbox',
'section' => 'ocean_header_menu',
'settings' => 'ocean_menu_arrow_down',
'priority' => 10,
) ) );
/**
* Menu Second+ Level Dropdown Icon
*/
$wp_customize->add_setting( 'ocean_menu_arrow_side', array(
'default' => true,
'sanitize_callback' => 'oceanwp_sanitize_checkbox',
) );
$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_menu_arrow_side', array(
'label' => esc_html__( 'Second+ Level Dropdown Icon', 'oceanwp' ),
'type' => 'checkbox',
'section' => 'ocean_header_menu',
'settings' => 'ocean_menu_arrow_side',
'priority' => 10,
) ) );
/**
* Menu Dropdown Top Border
*/
$wp_customize->add_setting( 'ocean_menu_dropdown_top_border', array(
'transport' => 'postMessage',
'default' => true,
'sanitize_callback' => 'oceanwp_sanitize_checkbox',
) );
$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_menu_dropdown_top_border', array(
'label' => esc_html__( 'Dropdown Top Border', 'oceanwp' ),
'type' => 'checkbox',
'section' => 'ocean_header_menu',
'settings' => 'ocean_menu_dropdown_top_border',
'priority' => 10,
) ) );
/**
* Menu Position
*/
$wp_customize->add_setting( 'ocean_menu_position', array(
'transport' => 'postMessage',
'default' => 'right-menu',
'sanitize_callback' => 'oceanwp_sanitize_select',
) );
$wp_customize->add_control( new OceanWP_Customizer_Buttonset_Control( $wp_customize, 'ocean_menu_position', array(
'label' => esc_html__( 'Position', 'oceanwp' ),
'section' => 'ocean_header_menu',
'settings' => 'ocean_menu_position',
'priority' => 10,
'choices' => array(
'left-menu' => esc_html__( 'Left', 'oceanwp' ),
'center-menu' => esc_html__( 'Center', 'oceanwp' ),
'right-menu' => esc_html__( 'Right', 'oceanwp' ),
),
'active_callback' => 'oceanwp_cac_hasnt_header_styles',
) ) );
/**
* Links Effect
*/
$wp_customize->add_setting( 'ocean_menu_links_effect', array(
'default' => 'no',
'sanitize_callback' => 'oceanwp_sanitize_select',
) );
$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_menu_links_effect', array(
'label' => esc_html__( 'Links Effect', 'oceanwp' ),
'type' => 'select',
'section' => 'ocean_header_menu',
'settings' => 'ocean_menu_links_effect',
'priority' => 10,
'choices' => array(
'no' => esc_html__( 'No Effect', 'oceanwp' ),
'one' => esc_html__( 'Underline From Left', 'oceanwp' ),
'two' => esc_html__( 'Underline Up', 'oceanwp' ),
'three' => esc_html__( 'Underline Down', 'oceanwp' ),
'four' => esc_html__( 'Brackets', 'oceanwp' ),
'five' => esc_html__( 'Overline & Fixed Underline', 'oceanwp' ),
'six' => esc_html__( 'Circular Reveal', 'oceanwp' ),
'seven' => esc_html__( 'Tripple Dot Under', 'oceanwp' ),
'eight' => esc_html__( 'X Marks The Spot', 'oceanwp' ),
'nine' => esc_html__( 'Underline & Overline', 'oceanwp' ),
'ten' => esc_html__( 'Backlighting', 'oceanwp' ),
),
) ) );
/**
* Links Effect Blue Color
*/
$wp_customize->add_setting( 'ocean_menu_links_effect_blue_color', array(
'transport' => 'postMessage',
'default' => '#13aff0',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_menu_links_effect_blue_color', array(
'label' => esc_html__( 'Links Effect: Color', 'oceanwp' ),
'section' => 'ocean_header_menu',
'settings' => 'ocean_menu_links_effect_blue_color',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_menu_links_effect_blue',
) ) );
/**
* Links Effect Dark Color
*/
$wp_customize->add_setting( 'ocean_menu_links_effect_dark_color', array(
'transport' => 'postMessage',
'default' => 'rgba(0,0,0,0.1)',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_menu_links_effect_dark_color', array(
'label' => esc_html__( 'Links Effect: Color', 'oceanwp' ),
'section' => 'ocean_header_menu',
'settings' => 'ocean_menu_links_effect_dark_color',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_menu_links_effect_dark',
) ) );
/**
* Main Styling Heading
*/
$wp_customize->add_setting( 'ocean_menu_main_styling_heading', array(
'sanitize_callback' => 'wp_kses',
) );
$wp_customize->add_control( new OceanWP_Customizer_Heading_Control( $wp_customize, 'ocean_menu_main_styling_heading', array(
'label' => esc_html__( 'Main Styling', 'oceanwp' ),
'section' => 'ocean_header_menu',
'priority' => 10,
) ) );
/**
* Menu Items Padding
*/
$wp_customize->add_setting( 'ocean_menu_items_padding', array(
'transport' => 'postMessage',
'default' => '15',
'sanitize_callback' => 'oceanwp_sanitize_number',
) );
$wp_customize->add_control( new OceanWP_Customizer_Range_Control( $wp_customize, 'ocean_menu_items_padding', array(
'label' => esc_html__( 'Left/Right Padding (px)', 'oceanwp' ),
'section' => 'ocean_header_menu',
'settings' => 'ocean_menu_items_padding',
'priority' => 10,
'input_attrs' => array(
'min' => 0,
'max' => 50,
'step' => 1,
),
'active_callback' => 'oceanwp_cac_hasnt_header_styles',
) ) );
/**
* Menu Link Color
*/
$wp_customize->add_setting( 'ocean_menu_link_color', array(
'transport' => 'postMessage',
'default' => '#555555',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_menu_link_color', array(
'label' => esc_html__( 'Link Color', 'oceanwp' ),
'section' => 'ocean_header_menu',
'settings' => 'ocean_menu_link_color',
'priority' => 10,
) ) );
/**
* Menu Link Color Hover
*/
$wp_customize->add_setting( 'ocean_menu_link_color_hover', array(
'transport' => 'postMessage',
'default' => '#13aff0',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_menu_link_color_hover', array(
'label' => esc_html__( 'Link Color: Hover', 'oceanwp' ),
'section' => 'ocean_header_menu',
'settings' => 'ocean_menu_link_color_hover',
'priority' => 10,
) ) );
/**
* Menu Link Active Color
*/
$wp_customize->add_setting( 'ocean_menu_link_color_active', array(
'transport' => 'postMessage',
'default' => '#555555',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_menu_link_color_active', array(
'label' => esc_html__( 'Link Color: Current Menu Item', 'oceanwp' ),
'section' => 'ocean_header_menu',
'settings' => 'ocean_menu_link_color_active',
'priority' => 10,
) ) );
/**
* Menu Link Background Color
*/
$wp_customize->add_setting( 'ocean_menu_link_background', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_menu_link_background', array(
'label' => esc_html__( 'Link Background', 'oceanwp' ),
'section' => 'ocean_header_menu',
'settings' => 'ocean_menu_link_background',
'priority' => 10,
) ) );
/**
* Menu Link Hover Background Color
*/
$wp_customize->add_setting( 'ocean_menu_link_hover_background', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_menu_link_hover_background', array(
'label' => esc_html__( 'Link Background: Hover', 'oceanwp' ),
'section' => 'ocean_header_menu',
'settings' => 'ocean_menu_link_hover_background',
'priority' => 10,
) ) );
/**
* Menu Link Background Current Menu Item
*/
$wp_customize->add_setting( 'ocean_menu_link_active_background', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_menu_link_active_background', array(
'label' => esc_html__( 'Link Background: Current Menu Item', 'oceanwp' ),
'section' => 'ocean_header_menu',
'settings' => 'ocean_menu_link_active_background',
'priority' => 10,
) ) );
/**
* Dropdowns Styling Heading
*/
$wp_customize->add_setting( 'ocean_menu_dropdowns_styling_heading', array(
'sanitize_callback' => 'wp_kses',
) );
$wp_customize->add_control( new OceanWP_Customizer_Heading_Control( $wp_customize, 'ocean_menu_dropdowns_styling_heading', array(
'label' => esc_html__( 'Dropdowns Styling', 'oceanwp' ),
'section' => 'ocean_header_menu',
'priority' => 10,
) ) );
/**
* Dropdowns Width
*/
$wp_customize->add_setting( 'ocean_dropdown_width', array(
'transport' => 'postMessage',
'default' => '180',
'sanitize_callback' => 'oceanwp_sanitize_number',
) );
$wp_customize->add_control( new OceanWP_Customizer_Range_Control( $wp_customize, 'ocean_dropdown_width', array(
'label' => esc_html__( 'Width (px)', 'oceanwp' ),
'section' => 'ocean_header_menu',
'settings' => 'ocean_dropdown_width',
'priority' => 10,
'input_attrs' => array(
'min' => 30,
'max' => 500,
'step' => 1,
),
) ) );
/**
* Dropdown Background Color
*/
$wp_customize->add_setting( 'ocean_dropdown_menu_background', array(
'transport' => 'postMessage',
'default' => '#ffffff',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_dropdown_menu_background', array(
'label' => esc_html__( 'Background Color', 'oceanwp' ),
'section' => 'ocean_header_menu',
'settings' => 'ocean_dropdown_menu_background',
'priority' => 10,
) ) );
/**
* Dropdown Top Border Color
*/
$wp_customize->add_setting( 'ocean_dropdown_menu_top_border', array(
'transport' => 'postMessage',
'default' => '#13aff0',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_dropdown_menu_top_border', array(
'label' => esc_html__( 'Top Border Color', 'oceanwp' ),
'section' => 'ocean_header_menu',
'settings' => 'ocean_dropdown_menu_top_border',
'priority' => 10,
) ) );
/**
* Dropdown Borders Color
*/
$wp_customize->add_setting( 'ocean_dropdown_menu_borders', array(
'transport' => 'postMessage',
'default' => '#f1f1f1',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_dropdown_menu_borders', array(
'label' => esc_html__( 'Borders Color', 'oceanwp' ),
'section' => 'ocean_header_menu',
'settings' => 'ocean_dropdown_menu_borders',
'priority' => 10,
) ) );
/**
* Dropdown Link Color
*/
$wp_customize->add_setting( 'ocean_dropdown_menu_link_color', array(
'transport' => 'postMessage',
'default' => '#333333',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_dropdown_menu_link_color', array(
'label' => esc_html__( 'Link Color', 'oceanwp' ),
'section' => 'ocean_header_menu',
'settings' => 'ocean_dropdown_menu_link_color',
'priority' => 10,
) ) );
/**
* Dropdown Link Hover Color
*/
$wp_customize->add_setting( 'ocean_dropdown_menu_link_color_hover', array(
'transport' => 'postMessage',
'default' => '#555555',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_dropdown_menu_link_color_hover', array(
'label' => esc_html__( 'Link Color: Hover', 'oceanwp' ),
'section' => 'ocean_header_menu',
'settings' => 'ocean_dropdown_menu_link_color_hover',
'priority' => 10,
) ) );
/**
* Dropdown Link Hover Background Color
*/
$wp_customize->add_setting( 'ocean_dropdown_menu_link_hover_bg', array(
'transport' => 'postMessage',
'default' => '#f8f8f8',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_dropdown_menu_link_hover_bg', array(
'label' => esc_html__( 'Link Background: Hover', 'oceanwp' ),
'section' => 'ocean_header_menu',
'settings' => 'ocean_dropdown_menu_link_hover_bg',
'priority' => 10,
) ) );
/**
* Dropdown Link Active Color
*/
$wp_customize->add_setting( 'ocean_dropdown_menu_link_color_active', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_dropdown_menu_link_color_active', array(
'label' => esc_html__( 'Link Color: Current Menu Item', 'oceanwp' ),
'section' => 'ocean_header_menu',
'settings' => 'ocean_dropdown_menu_link_color_active',
'priority' => 10,
) ) );
/**
* Dropdown Link Active Background Color
*/
$wp_customize->add_setting( 'ocean_dropdown_menu_link_bg_active', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_dropdown_menu_link_bg_active', array(
'label' => esc_html__( 'Link Background: Current Menu Item', 'oceanwp' ),
'section' => 'ocean_header_menu',
'settings' => 'ocean_dropdown_menu_link_bg_active',
'priority' => 10,
) ) );
/**
* Search Heading
*/
$wp_customize->add_setting( 'ocean_menu_search_heading', array(
'sanitize_callback' => 'wp_kses',
) );
$wp_customize->add_control( new OceanWP_Customizer_Heading_Control( $wp_customize, 'ocean_menu_search_heading', array(
'label' => esc_html__( 'Search Icon', 'oceanwp' ),
'section' => 'ocean_header_menu',
'priority' => 10,
) ) );
/**
* Search Icon Style
*/
$wp_customize->add_setting( 'ocean_menu_search_style', array(
'default' => 'drop_down',
'sanitize_callback' => 'oceanwp_sanitize_select',
) );
$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_menu_search_style', array(
'label' => esc_html__( 'Search Icon Style', 'oceanwp' ),
'type' => 'select',
'section' => 'ocean_header_menu',
'settings' => 'ocean_menu_search_style',
'priority' => 10,
'choices' => array(
'disabled' => esc_html__( 'Disabled','oceanwp' ),
'drop_down' => esc_html__( 'Drop Down','oceanwp' ),
'header_replace' => esc_html__( 'Header Replace','oceanwp' ),
'overlay' => esc_html__( 'Overlay','oceanwp' ),
),
) ) );
/**
* Search Dropdown Input Background Color
*/
$wp_customize->add_setting( 'ocean_search_dropdown_input_background', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_search_dropdown_input_background', array(
'label' => esc_html__( 'Input Background Color', 'oceanwp' ),
'section' => 'ocean_header_menu',
'settings' => 'ocean_search_dropdown_input_background',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_menu_search_dropdown',
) ) );
/**
* Search Dropdown Input Color
*/
$wp_customize->add_setting( 'ocean_search_dropdown_input_color', array(
'transport' => 'postMessage',
'default' => '#333333',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_search_dropdown_input_color', array(
'label' => esc_html__( 'Input Color', 'oceanwp' ),
'section' => 'ocean_header_menu',
'settings' => 'ocean_search_dropdown_input_color',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_menu_search_dropdown',
) ) );
/**
* Search Dropdown Input Border Color
*/
$wp_customize->add_setting( 'ocean_search_dropdown_input_border', array(
'transport' => 'postMessage',
'default' => '#dddddd',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_search_dropdown_input_border', array(
'label' => esc_html__( 'Input Border Color', 'oceanwp' ),
'section' => 'ocean_header_menu',
'settings' => 'ocean_search_dropdown_input_border',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_menu_search_dropdown',
) ) );
/**
* Search Dropdown Input Focus Border Color
*/
$wp_customize->add_setting( 'ocean_search_dropdown_input_border_focus', array(
'transport' => 'postMessage',
'default' => '#bbbbbb',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_search_dropdown_input_border_focus', array(
'label' => esc_html__( 'Input Border Color: Focus', 'oceanwp' ),
'section' => 'ocean_header_menu',
'settings' => 'ocean_search_dropdown_input_border_focus',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_menu_search_dropdown',
) ) );
/**
* Search Overlay Background Color
*/
$wp_customize->add_setting( 'ocean_search_overlay_bg', array(
'transport' => 'postMessage',
'default' => 'rgba(0,0,0,0.9)',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_search_overlay_bg', array(
'label' => esc_html__( 'Overlay Background Color', 'oceanwp' ),
'section' => 'ocean_header_menu',
'settings' => 'ocean_search_overlay_bg',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_menu_search_overlay',
) ) );
/**
* Search Overlay Input Color
*/
$wp_customize->add_setting( 'ocean_search_overlay_input_color', array(
'transport' => 'postMessage',
'default' => '#ffffff',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_search_overlay_input_color', array(
'label' => esc_html__( 'Input Color', 'oceanwp' ),
'section' => 'ocean_header_menu',
'settings' => 'ocean_search_overlay_input_color',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_menu_search_overlay',
) ) );
/**
* Search Overlay Input Placeholder Color
*/
$wp_customize->add_setting( 'ocean_search_overlay_placeholder_color', array(
'transport' => 'postMessage',
'default' => '#ffffff',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_search_overlay_placeholder_color', array(
'label' => esc_html__( 'Input Placeholder Color', 'oceanwp' ),
'section' => 'ocean_header_menu',
'settings' => 'ocean_search_overlay_placeholder_color',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_menu_search_overlay',
) ) );
/**
* Search Overlay Input Dashed Text Color
*/
$wp_customize->add_setting( 'ocean_search_overlay_input_dashed_bg', array(
'transport' => 'postMessage',
'default' => '#ffffff',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_search_overlay_input_dashed_bg', array(
'label' => esc_html__( 'Input Dashed Text Color', 'oceanwp' ),
'section' => 'ocean_header_menu',
'settings' => 'ocean_search_overlay_input_dashed_bg',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_menu_search_overlay',
) ) );
/**
* Search Overlay Input Border Color
*/
$wp_customize->add_setting( 'ocean_search_overlay_input_border_color', array(
'transport' => 'postMessage',
'default' => '#444444',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_search_overlay_input_border_color', array(
'label' => esc_html__( 'Input Border Color', 'oceanwp' ),
'section' => 'ocean_header_menu',
'settings' => 'ocean_search_overlay_input_border_color',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_menu_search_overlay',
) ) );
/**
* Search Overlay Input Hover Border Color
*/
$wp_customize->add_setting( 'ocean_search_overlay_input_hover_border_color', array(
'transport' => 'postMessage',
'default' => '#777777',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_search_overlay_input_hover_border_color', array(
'label' => esc_html__( 'Input Border Color: Hover', 'oceanwp' ),
'section' => 'ocean_header_menu',
'settings' => 'ocean_search_overlay_input_hover_border_color',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_menu_search_overlay',
) ) );
/**
* Search Overlay Input Focus Border Color
*/
$wp_customize->add_setting( 'ocean_search_overlay_input_focus_border_color', array(
'transport' => 'postMessage',
'default' => '#ffffff',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_search_overlay_input_focus_border_color', array(
'label' => esc_html__( 'Input Border Color: Focus', 'oceanwp' ),
'section' => 'ocean_header_menu',
'settings' => 'ocean_search_overlay_input_focus_border_color',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_menu_search_overlay',
) ) );
/**
* Search Overlay Close Button Color
*/
$wp_customize->add_setting( 'ocean_search_overlay_close_button_color', array(
'transport' => 'postMessage',
'default' => '#ffffff',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_search_overlay_close_button_color', array(
'label' => esc_html__( 'Close Button Color', 'oceanwp' ),
'section' => 'ocean_header_menu',
'settings' => 'ocean_search_overlay_close_button_color',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_menu_search_overlay',
) ) );
/**
* Dropdown Category Heading
*/
$wp_customize->add_setting( 'ocean_menu_dropdown_category_heading', array(
'sanitize_callback' => 'wp_kses',
) );
$wp_customize->add_control( new OceanWP_Customizer_Heading_Control( $wp_customize, 'ocean_menu_dropdown_category_heading', array(
'label' => esc_html__( 'Dropdowns Categories Posts', 'oceanwp' ),
'section' => 'ocean_header_menu',
'priority' => 10,
) ) );
/**
* Dropdown Category Title Background Color
*/
$wp_customize->add_setting( 'ocean_dropdown_category_title_bg', array(
'transport' => 'postMessage',
'default' => '#f8f8f8',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_dropdown_category_title_bg', array(
'label' => esc_html__( 'Category Title: Background', 'oceanwp' ),
'section' => 'ocean_header_menu',
'settings' => 'ocean_dropdown_category_title_bg',
'priority' => 10,
) ) );
/**
* Dropdown Category Title Color
*/
$wp_customize->add_setting( 'ocean_dropdown_category_title_color', array(
'transport' => 'postMessage',
'default' => '#222222',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_dropdown_category_title_color', array(
'label' => esc_html__( 'Category Title: Color', 'oceanwp' ),
'section' => 'ocean_header_menu',
'settings' => 'ocean_dropdown_category_title_color',
'priority' => 10,
) ) );
/**
* Dropdown Category Posts Links Color
*/
$wp_customize->add_setting( 'ocean_dropdown_category_links_color', array(
'transport' => 'postMessage',
'default' => '#555555',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_dropdown_category_links_color', array(
'label' => esc_html__( 'Posts Links: Color', 'oceanwp' ),
'section' => 'ocean_header_menu',
'settings' => 'ocean_dropdown_category_links_color',
'priority' => 10,
) ) );
/**
* Dropdown Category Posts Links Hover Color
*/
$wp_customize->add_setting( 'ocean_dropdown_category_links_hover_color', array(
'transport' => 'postMessage',
'default' => '#333333',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_dropdown_category_links_hover_color', array(
'label' => esc_html__( 'Posts Links Hover: Color', 'oceanwp' ),
'section' => 'ocean_header_menu',
'settings' => 'ocean_dropdown_category_links_hover_color',
'priority' => 10,
) ) );
/**
* Dropdown Category Posts Date Color
*/
$wp_customize->add_setting( 'ocean_dropdown_category_date_color', array(
'transport' => 'postMessage',
'default' => '#bbbbbb',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_dropdown_category_date_color', array(
'label' => esc_html__( 'Posts Date: Color', 'oceanwp' ),
'section' => 'ocean_header_menu',
'settings' => 'ocean_dropdown_category_date_color',
'priority' => 10,
) ) );
/**
* Section
*/
$wp_customize->add_section( 'ocean_header_menu_social' , array(
'title' => esc_html__( 'Social Menu', 'oceanwp' ),
'priority' => 10,
'panel' => $panel,
) );
/**
* Social Menu
*/
$wp_customize->add_setting( 'ocean_menu_social', array(
'default' => false,
'sanitize_callback' => 'oceanwp_sanitize_checkbox',
) );
$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_menu_social', array(
'label' => esc_html__( 'Enable Social Menu', 'oceanwp' ),
'type' => 'checkbox',
'section' => 'ocean_header_menu_social',
'settings' => 'ocean_menu_social',
'priority' => 10,
) ) );
/**
* Social Menu Template
*/
$wp_customize->add_setting( 'ocean_menu_social_template', array(
'default' => '0',
'sanitize_callback' => 'oceanwp_sanitize_select',
) );
$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_menu_social_template', array(
'label' => esc_html__( 'Select Template', 'oceanwp' ),
'description' => esc_html__( 'Choose a template created in Theme Panel > My Library.', 'oceanwp' ),
'type' => 'select',
'section' => 'ocean_header_menu_social',
'settings' => 'ocean_menu_social_template',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_menu_social',
'choices' => oceanwp_customizer_helpers( 'library' ),
) ) );
/**
* Social Menu Style
*/
$wp_customize->add_setting( 'ocean_menu_social_style', array(
'default' => 'simple',
'sanitize_callback' => 'oceanwp_sanitize_select',
) );
$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_menu_social_style', array(
'label' => esc_html__( 'Social Link Style', 'oceanwp' ),
'type' => 'select',
'section' => 'ocean_header_menu_social',
'settings' => 'ocean_menu_social_style',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_menu_social',
'choices' => array(
'simple' => esc_html__( 'Simple', 'oceanwp' ),
'colored' => esc_html__( 'Colored', 'oceanwp' ),
'minimal' => esc_html__( 'Minimal', 'oceanwp' ),
'dark' => esc_html__( 'Dark', 'oceanwp' ),
),
) ) );
/**
* Social Menu Target
*/
$wp_customize->add_setting( 'ocean_menu_social_target', array(
'transport' => 'postMessage',
'default' => 'blank',
'sanitize_callback' => 'oceanwp_sanitize_select',
) );
$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_menu_social_target', array(
'label' => esc_html__( 'Social Link Target', 'oceanwp' ),
'type' => 'select',
'section' => 'ocean_header_menu_social',
'settings' => 'ocean_menu_social_target',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_menu_social',
'choices' => array(
'blank' => esc_html__( 'New Window', 'oceanwp' ),
'self' => esc_html__( 'Same Window', 'oceanwp' ),
),
) ) );
/**
* Social Menu Font Size
*/
$wp_customize->add_setting( 'ocean_menu_social_font_size', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_number_blank',
) );
$wp_customize->add_setting( 'ocean_menu_social_tablet_font_size', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_number_blank',
) );
$wp_customize->add_setting( 'ocean_menu_social_mobile_font_size', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_number_blank',
) );
$wp_customize->add_control( new OceanWP_Customizer_Slider_Control( $wp_customize, 'ocean_menu_social_font_size', array(
'label' => esc_html__( 'Font Size (px)', 'oceanwp' ),
'section' => 'ocean_header_menu_social',
'settings' => array(
'desktop' => 'ocean_menu_social_font_size',
'tablet' => 'ocean_menu_social_tablet_font_size',
'mobile' => 'ocean_menu_social_mobile_font_size',
),
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_menu_social',
'input_attrs' => array(
'min' => 0,
'max' => 100,
'step' => 1,
),
) ) );
/**
* Social Menu Padding
*/
$wp_customize->add_setting( 'ocean_menu_social_top_padding', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_number_blank',
) );
$wp_customize->add_setting( 'ocean_menu_social_right_padding', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_number_blank',
) );
$wp_customize->add_setting( 'ocean_menu_social_bottom_padding', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_number_blank',
) );
$wp_customize->add_setting( 'ocean_menu_social_left_padding', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_number_blank',
) );
$wp_customize->add_setting( 'ocean_menu_social_tablet_top_padding', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_number_blank',
) );
$wp_customize->add_setting( 'ocean_menu_social_tablet_right_padding', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_number_blank',
) );
$wp_customize->add_setting( 'ocean_menu_social_tablet_bottom_padding', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_number_blank',
) );
$wp_customize->add_setting( 'ocean_menu_social_tablet_left_padding', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_number_blank',
) );
$wp_customize->add_setting( 'ocean_menu_social_mobile_top_padding', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_number_blank',
) );
$wp_customize->add_setting( 'ocean_menu_social_mobile_right_padding', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_number_blank',
) );
$wp_customize->add_setting( 'ocean_menu_social_mobile_bottom_padding', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_number_blank',
) );
$wp_customize->add_setting( 'ocean_menu_social_mobile_left_padding', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_number_blank',
) );
$wp_customize->add_control( new OceanWP_Customizer_Dimensions_Control( $wp_customize, 'ocean_menu_social_padding', array(
'label' => esc_html__( 'Padding (px)', 'oceanwp' ),
'section' => 'ocean_header_menu_social',
'settings' => array(
'desktop_top' => 'ocean_menu_social_top_padding',
'desktop_right' => 'ocean_menu_social_right_padding',
'desktop_bottom' => 'ocean_menu_social_bottom_padding',
'desktop_left' => 'ocean_menu_social_left_padding',
'tablet_top' => 'ocean_menu_social_tablet_top_padding',
'tablet_right' => 'ocean_menu_social_tablet_right_padding',
'tablet_bottom' => 'ocean_menu_social_tablet_bottom_padding',
'tablet_left' => 'ocean_menu_social_tablet_left_padding',
'mobile_top' => 'ocean_menu_social_mobile_top_padding',
'mobile_right' => 'ocean_menu_social_mobile_right_padding',
'mobile_bottom' => 'ocean_menu_social_mobile_bottom_padding',
'mobile_left' => 'ocean_menu_social_mobile_left_padding',
),
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_menu_social_and_simple_style',
'input_attrs' => array(
'min' => 0,
'max' => 60,
'step' => 1,
),
) ) );
/**
* Social Menu Margin
*/
$wp_customize->add_setting( 'ocean_menu_social_right_margin', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_number_blank',
) );
$wp_customize->add_setting( 'ocean_menu_social_left_margin', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_number_blank',
) );
$wp_customize->add_setting( 'ocean_menu_social_tablet_right_margin', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_number_blank',
) );
$wp_customize->add_setting( 'ocean_menu_social_tablet_left_margin', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_number_blank',
) );
$wp_customize->add_setting( 'ocean_menu_social_mobile_right_margin', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_number_blank',
) );
$wp_customize->add_setting( 'ocean_menu_social_mobile_left_margin', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_number_blank',
) );
$wp_customize->add_control( new OceanWP_Customizer_Dimensions_Control( $wp_customize, 'ocean_menu_social_margin', array(
'label' => esc_html__( 'Margin (px)', 'oceanwp' ),
'section' => 'ocean_header_menu_social',
'settings' => array(
'desktop_right' => 'ocean_menu_social_right_margin',
'desktop_left' => 'ocean_menu_social_left_margin',
'tablet_right' => 'ocean_menu_social_tablet_right_margin',
'tablet_left' => 'ocean_menu_social_tablet_left_margin',
'mobile_right' => 'ocean_menu_social_mobile_right_margin',
'mobile_left' => 'ocean_menu_social_mobile_left_margin',
),
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_menu_social',
'input_attrs' => array(
'min' => 0,
'max' => 60,
'step' => 1,
),
) ) );
/**
* Social Menu Border Radius
*/
$wp_customize->add_setting( 'ocean_menu_social_border_radius', array(
'transport' => 'postMessage',
'sanitize_callback' => 'wp_kses_post',
) );
$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_menu_social_border_radius', array(
'label' => esc_html__( 'Border Radius', 'oceanwp' ),
'description' => esc_html__( 'Add a custom border radius. px - em - %.', 'oceanwp' ),
'type' => 'text',
'section' => 'ocean_header_menu_social',
'settings' => 'ocean_menu_social_border_radius',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_menu_social',
) ) );
/**
* Social Menu Link Background Color
*/
$wp_customize->add_setting( 'ocean_menu_social_links_bg', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_menu_social_links_bg', array(
'label' => esc_html__( 'Social: Background Color', 'oceanwp' ),
'section' => 'ocean_header_menu_social',
'settings' => 'ocean_menu_social_links_bg',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_menu_social_and_simple_style',
) ) );
/**
* Social Menu Link Hover Background Color
*/
$wp_customize->add_setting( 'ocean_menu_social_hover_links_bg', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_menu_social_hover_links_bg', array(
'label' => esc_html__( 'Social Hover: Background Color', 'oceanwp' ),
'section' => 'ocean_header_menu_social',
'settings' => 'ocean_menu_social_hover_links_bg',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_menu_social_and_simple_style',
) ) );
/**
* Social Menu Link Color
*/
$wp_customize->add_setting( 'ocean_menu_social_links_color', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_menu_social_links_color', array(
'label' => esc_html__( 'Social: Color', 'oceanwp' ),
'section' => 'ocean_header_menu_social',
'settings' => 'ocean_menu_social_links_color',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_menu_social_and_simple_style',
) ) );
/**
* Social Menu Link Hover Color
*/
$wp_customize->add_setting( 'ocean_menu_social_hover_links_color', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_menu_social_hover_links_color', array(
'label' => esc_html__( 'Social Hover: Color', 'oceanwp' ),
'section' => 'ocean_header_menu_social',
'settings' => 'ocean_menu_social_hover_links_color',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_menu_social_and_simple_style',
) ) );
/**
* Social Menu Settings
*/
$social_options = oceanwp_social_options();
foreach ( $social_options as $key => $val ) {
if ( 'skype' == $key ) {
$sanitize = 'wp_filter_nohtml_kses';
} else if ( 'email' == $key ) {
$sanitize = 'sanitize_email';
} else {
$sanitize = 'esc_url_raw';
}
$wp_customize->add_setting( 'ocean_menu_social_profiles[' . $key .']', array(
'sanitize_callback' => $sanitize,
) );
$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_menu_social_profiles[' . $key .']', array(
'label' => esc_html( $val['label'] ),
'type' => 'text',
'section' => 'ocean_header_menu_social',
'settings' => 'ocean_menu_social_profiles[' . $key .']',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_menu_social',
) ) );
}
/**
* Section
*/
$wp_customize->add_section( 'ocean_header_mobile_menu' , array(
'title' => esc_html__( 'Mobile Menu', 'oceanwp' ),
'priority' => 10,
'panel' => $panel,
) );
/**
* Breakpoints
*/
$wp_customize->add_setting( 'ocean_mobile_menu_breakpoints', array(
'default' => '959',
'sanitize_callback' => 'sanitize_key',
) );
$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_mobile_menu_breakpoints', array(
'label' => esc_html__( 'Breakpoints', 'oceanwp' ),
'description' => esc_html__( 'Choose the media query where you want to display the mobile menu.', 'oceanwp' ),
'type' => 'select',
'section' => 'ocean_header_mobile_menu',
'settings' => 'ocean_mobile_menu_breakpoints',
'priority' => 10,
'choices' => array(
'1280' => esc_html__( 'From 1280px', 'oceanwp' ),
'1080' => esc_html__( 'From 1080px', 'oceanwp' ),
'959' => esc_html__( 'From 959px', 'oceanwp' ),
'767' => esc_html__( 'From 767px', 'oceanwp' ),
'480' => esc_html__( 'From 480px', 'oceanwp' ),
'320' => esc_html__( 'From 320px', 'oceanwp' ),
'custom' => esc_html__( 'Custom media query', 'oceanwp' ),
),
) ) );
/**
* Custom Media Query
*/
$wp_customize->add_setting( 'ocean_mobile_menu_custom_breakpoint', array(
'sanitize_callback' => 'oceanwp_sanitize_number_blank',
) );
$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_mobile_menu_custom_breakpoint', array(
'label' => esc_html__( 'Custom Media Query', 'oceanwp' ),
'description' => esc_html__( 'Enter your custom media query where you want to display the mobile menu.', 'oceanwp' ),
'type' => 'number',
'section' => 'ocean_header_mobile_menu',
'settings' => 'ocean_mobile_menu_custom_breakpoint',
'priority' => 10,
'active_callback' => 'oceanwp_mobile_menu_cac_has_custom_breakpoint',
'input_attrs' => array(
'min' => 0,
'step' => 1,
),
) ) );
/**
* Mobile Header Height
*/
$wp_customize->add_setting( 'ocean_mobile_header_height', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_number_blank',
) );
$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_mobile_header_height', array(
'label' => esc_html__( 'Height (px)', 'oceanwp' ),
'type' => 'number',
'section' => 'ocean_header_mobile_menu',
'settings' => 'ocean_mobile_header_height',
'priority' => 10,
'input_attrs' => array(
'min' => 0,
'step' => 1,
),
'active_callback' => 'oceanwp_cac_hasnt_header_styles',
) ) );
/**
* Responsive Logo
*/
$wp_customize->add_setting( 'ocean_responsive_logo', array(
'default' => '',
'sanitize_callback' => 'oceanwp_sanitize_image',
) );
$wp_customize->add_control( new WP_Customize_Image_Control( $wp_customize, 'ocean_responsive_logo', array(
'label' => esc_html__( 'Logo (optional)', 'oceanwp' ),
'description' => esc_html__( 'Select a custom responsive logo for tablet and mobile.', 'oceanwp' ),
'section' => 'ocean_header_mobile_menu',
'settings' => 'ocean_responsive_logo',
'priority' => 10,
) ) );
/**
* Responsive Logo Height
*/
$wp_customize->add_setting( 'ocean_responsive_logo_height', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_number_blank',
) );
$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_responsive_logo_height', array(
'label' => esc_html__( 'Logo Max Height (px)', 'oceanwp' ),
'description' => esc_html__( 'Enter a max height for your responsive logo.', 'oceanwp' ),
'type' => 'number',
'section' => 'ocean_header_mobile_menu',
'settings' => 'ocean_responsive_logo_height',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_responsive_logo',
'input_attrs' => array(
'min' => 0,
),
) ) );
/**
* Elements Positioning
*/
$wp_customize->add_setting( 'ocean_mobile_elements_positioning', array(
'default' => 'one',
'sanitize_callback' => 'sanitize_key',
) );
$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_mobile_elements_positioning', array(
'label' => esc_html__( 'Elements Positioning', 'oceanwp' ),
'type' => 'select',
'section' => 'ocean_header_mobile_menu',
'settings' => 'ocean_mobile_elements_positioning',
'priority' => 10,
'choices' => array(
'one' => esc_html__( 'Logo / Cart / Link', 'oceanwp' ),
'two' => esc_html__( 'Cart / Logo / Link', 'oceanwp' ),
'three' => esc_html__( 'Link / Logo / Cart', 'oceanwp' ),
),
'active_callback' => 'oceanwp_cac_mobile_header_position',
) ) );
/**
* Mobile Menu General Settings Heading
*/
$wp_customize->add_setting( 'ocean_mobile_menu_general_settings_heading', array(
'sanitize_callback' => 'wp_kses',
) );
$wp_customize->add_control( new OceanWP_Customizer_Heading_Control( $wp_customize, 'ocean_mobile_menu_general_settings_heading', array(
'label' => esc_html__( 'General Settings', 'oceanwp' ),
'section' => 'ocean_header_mobile_menu',
'priority' => 10,
) ) );
/**
* Mobile Menu Style
*/
$wp_customize->add_setting( 'ocean_mobile_menu_style', array(
'default' => 'dropdown',
'sanitize_callback' => 'sanitize_key',
) );
$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_mobile_menu_style', array(
'label' => esc_html__( 'Mobile Menu Style', 'oceanwp' ),
'type' => 'select',
'section' => 'ocean_header_mobile_menu',
'settings' => 'ocean_mobile_menu_style',
'priority' => 10,
'choices' => array(
'sidebar' => esc_html__( 'Sidebar', 'oceanwp' ),
'dropdown' => esc_html__( 'Drop Down', 'oceanwp' ),
'fullscreen' => esc_html__( 'Full Screen', 'oceanwp' ),
),
) ) );
/**
* Display Menu Text
*/
$wp_customize->add_setting( 'ocean_mobile_menu_display_opening_text', array(
'default' => true,
'sanitize_callback' => 'oceanwp_sanitize_checkbox',
) );
$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_mobile_menu_display_opening_text', array(
'label' => esc_html__( 'Display Menu Text', 'oceanwp' ),
'type' => 'checkbox',
'section' => 'ocean_header_mobile_menu',
'settings' => 'ocean_mobile_menu_display_opening_text',
'priority' => 10,
) ) );
/**
* Menu Text
*/
$wp_customize->add_setting( 'ocean_mobile_menu_text', array(
'default' => esc_html__( 'Menu', 'oceanwp' ),
'transport' => 'postMessage',
'sanitize_callback' => 'wp_kses_post',
) );
$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_mobile_menu_text', array(
'label' => esc_html__( 'Menu Text', 'oceanwp' ),
'type' => 'text',
'section' => 'ocean_header_mobile_menu',
'settings' => 'ocean_mobile_menu_text',
'priority' => 10,
) ) );
/**
* Close Menu Text
*/
$wp_customize->add_setting( 'ocean_mobile_menu_close_text', array(
'default' => esc_html__( 'Close', 'oceanwp' ),
'transport' => 'postMessage',
'sanitize_callback' => 'wp_kses_post',
) );
$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_mobile_menu_close_text', array(
'label' => esc_html__( 'Close Menu Text', 'oceanwp' ),
'type' => 'text',
'section' => 'ocean_header_mobile_menu',
'settings' => 'ocean_mobile_menu_close_text',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_dropdown_mobile_menu',
) ) );
/**
* Hamburger Icon Class
*/
$wp_customize->add_setting( 'ocean_mobile_menu_open_icon', array(
'default' => 'fa fa-bars',
'transport' => 'postMessage',
'sanitize_callback' => 'wp_filter_nohtml_kses',
) );
$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_mobile_menu_open_icon', array(
'label' => esc_html__( 'Hamburger Icon Class', 'oceanwp' ),
'description' => esc_html__( 'Enter the full icon class', 'oceanwp' ),
'type' => 'text',
'section' => 'ocean_header_mobile_menu',
'settings' => 'ocean_mobile_menu_open_icon',
'priority' => 10,
) ) );
/**
* Custom Hamburger Button
*/
$wp_customize->add_setting( 'ocean_mobile_menu_open_hamburger', array(
'default' => 'default',
'sanitize_callback' => 'sanitize_key',
) );
$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_mobile_menu_open_hamburger', array(
'label' => esc_html__( 'Custom Hamburger Button', 'oceanwp' ),
'type' => 'select',
'section' => 'ocean_header_mobile_menu',
'settings' => 'ocean_mobile_menu_open_hamburger',
'priority' => 10,
'choices' => oceanwp_hamburgers_styles(),
) ) );
/**
* Custom Hamburger Button Color
*/
$wp_customize->add_setting( 'ocean_mobile_menu_open_hamburger_color', array(
'default' => '#000000',
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_mobile_menu_open_hamburger_color', array(
'label' => esc_html__( 'Custom Hamburger Button: Color', 'oceanwp' ),
'section' => 'ocean_header_mobile_menu',
'settings' => 'ocean_mobile_menu_open_hamburger_color',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_custom_hamburger_btn',
) ) );
/**
* Mobile Menu Panel
*/
$wp_customize->add_setting( 'ocean_mobile_menu_heading', array(
'sanitize_callback' => 'wp_kses',
) );
$wp_customize->add_control( new OceanWP_Customizer_Heading_Control( $wp_customize, 'ocean_mobile_menu_heading', array(
'label' => esc_html__( 'Mobile Menu', 'oceanwp' ),
'section' => 'ocean_header_mobile_menu',
'priority' => 10,
) ) );
/**
* Mobile Menu Direction
*/
$wp_customize->add_setting( 'ocean_mobile_menu_sidr_direction', array(
'default' => 'left',
'sanitize_callback' => 'oceanwp_sanitize_select',
) );
$wp_customize->add_control( new OceanWP_Customizer_Buttonset_Control( $wp_customize, 'ocean_mobile_menu_sidr_direction', array(
'label' => esc_html__( 'Direction', 'oceanwp' ),
'section' => 'ocean_header_mobile_menu',
'settings' => 'ocean_mobile_menu_sidr_direction',
'priority' => 10,
'choices' => array(
'left' => esc_html__( 'Left', 'oceanwp' ),
'right' => esc_html__( 'Right', 'oceanwp' ),
),
'active_callback' => 'oceanwp_cac_has_sidebar_mobile_menu',
) ) );
/**
* Drop Down Mobile Menu Max Height
*/
$wp_customize->add_setting( 'ocean_dropdown_mobile_menu_max_height', array(
'transport' => 'postMessage',
'default' => '400',
'sanitize_callback' => 'oceanwp_sanitize_number',
) );
$wp_customize->add_control( new OceanWP_Customizer_Range_Control( $wp_customize, 'ocean_dropdown_mobile_menu_max_height', array(
'label' => esc_html__( 'Drop Down Max Height (px)', 'oceanwp' ),
'description' => esc_html__( 'Add the height from which you want to display the scrollbar in the drop down', 'oceanwp' ),
'section' => 'ocean_header_mobile_menu',
'settings' => 'ocean_dropdown_mobile_menu_max_height',
'priority' => 10,
'input_attrs' => array(
'min' => 0,
'max' => 1000,
'step' => 1,
),
'active_callback' => 'oceanwp_cac_has_dropdown_mobile_menu',
) ) );
/**
* Mobile Menu Displace
*/
$wp_customize->add_setting( 'ocean_mobile_menu_sidr_displace', array(
'default' => true,
'sanitize_callback' => 'oceanwp_sanitize_checkbox',
) );
$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_mobile_menu_sidr_displace', array(
'label' => esc_html__( 'Displace', 'oceanwp' ),
'type' => 'checkbox',
'section' => 'ocean_header_mobile_menu',
'settings' => 'ocean_mobile_menu_sidr_displace',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_sidebar_mobile_menu',
) ) );
/**
* Close Menu Button
*/
$wp_customize->add_setting( 'ocean_mobile_menu_close_btn', array(
'default' => true,
'sanitize_callback' => 'oceanwp_sanitize_checkbox',
) );
$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_mobile_menu_close_btn', array(
'label' => esc_html__( 'Close Menu Button', 'oceanwp' ),
'type' => 'checkbox',
'section' => 'ocean_header_mobile_menu',
'settings' => 'ocean_mobile_menu_close_btn',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_sidebar_mobile_menu',
) ) );
/**
* Close Menu Button Icon Class
*/
$wp_customize->add_setting( 'ocean_mobile_menu_close_btn_icon', array(
'default' => 'fas fa-times',
'transport' => 'postMessage',
'sanitize_callback' => 'wp_filter_nohtml_kses',
) );
$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_mobile_menu_close_btn_icon', array(
'label' => esc_html__( 'Close Menu Button Icon Class', 'oceanwp' ),
'description' => esc_html__( 'Enter the full icon class', 'oceanwp' ),
'type' => 'text',
'section' => 'ocean_header_mobile_menu',
'settings' => 'ocean_mobile_menu_close_btn_icon',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_sidebar_mobile_menu',
) ) );
/**
* Close Menu Button Text
*/
$wp_customize->add_setting( 'ocean_mobile_menu_close_btn_text', array(
'default' => esc_html__( 'Close Menu', 'oceanwp' ),
'transport' => 'postMessage',
'sanitize_callback' => 'wp_kses_post',
) );
$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_mobile_menu_close_btn_text', array(
'label' => esc_html__( 'Close Menu Button Text', 'oceanwp' ),
'type' => 'text',
'section' => 'ocean_header_mobile_menu',
'settings' => 'ocean_mobile_menu_close_btn_text',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_sidebar_mobile_menu',
) ) );
/**
* Mobile Menu Dropdown Target
*/
$wp_customize->add_setting( 'ocean_mobile_menu_sidr_dropdown_target', array(
'default' => 'link',
'sanitize_callback' => 'oceanwp_sanitize_select',
) );
$wp_customize->add_control( new OceanWP_Customizer_Buttonset_Control( $wp_customize, 'ocean_mobile_menu_sidr_dropdown_target', array(
'label' => esc_html__( 'Dropdown Target', 'oceanwp' ),
'description' => esc_html__( 'Choose your opening target for your submenus', 'oceanwp' ),
'section' => 'ocean_header_mobile_menu',
'settings' => 'ocean_mobile_menu_sidr_dropdown_target',
'priority' => 10,
'choices' => array(
'icon' => esc_html__( 'Icon', 'oceanwp' ),
'link' => esc_html__( 'Link', 'oceanwp' ),
),
'active_callback' => 'oceanwp_cac_hasnt_fullscreen_mobile_menu',
) ) );
/**
* Mobile Menu Search
*/
$wp_customize->add_setting( 'ocean_mobile_menu_search', array(
'default' => true,
'sanitize_callback' => 'oceanwp_sanitize_checkbox',
) );
$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_mobile_menu_search', array(
'label' => esc_html__( 'Mobile Menu Search', 'oceanwp' ),
'type' => 'checkbox',
'section' => 'ocean_header_mobile_menu',
'settings' => 'ocean_mobile_menu_search',
'priority' => 10,
) ) );
/**
* Mobile Menu Search Icon
*/
$wp_customize->add_setting( 'ocean_mobile_menu_search_icon', array(
'sanitize_callback' => 'wp_kses',
) );
$wp_customize->add_control( new OceanWP_Customizer_Heading_Control( $wp_customize, 'ocean_mobile_menu_search_icon', array(
'label' => esc_html__( 'Mobile Header Search Icon', 'oceanwp' ),
'section' => 'ocean_header_mobile_menu',
'priority' => 10,
) ) );
/**
* Search Icon Style
*/
$wp_customize->add_setting( 'ocean_mobile_menu_search_style', array(
'default' => 'disabled',
'sanitize_callback' => 'oceanwp_sanitize_select',
) );
$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'ocean_mobile_menu_search_style', array(
'label' => esc_html__( 'Search Icon Style', 'oceanwp' ),
'type' => 'select',
'section' => 'ocean_header_mobile_menu',
'settings' => 'ocean_mobile_menu_search_style',
'priority' => 10,
'choices' => array(
'disabled' => esc_html__( 'Disabled','oceanwp' ),
'drop_down' => esc_html__( 'Drop Down','oceanwp' ),
'overlay' => esc_html__( 'Overlay','oceanwp' ),
),
) ) );
/**
* Search Dropdown Input Background Color
*/
$wp_customize->add_setting( 'ocean_mobile_search_dropdown_input_background', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_mobile_search_dropdown_input_background', array(
'label' => esc_html__( 'Input Background Color', 'oceanwp' ),
'section' => 'ocean_header_mobile_menu',
'settings' => 'ocean_mobile_search_dropdown_input_background',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_mobile_search_dropdown',
) ) );
/**
* Search Dropdown Input Color
*/
$wp_customize->add_setting( 'ocean_mobile_search_dropdown_input_color', array(
'transport' => 'postMessage',
'default' => '#333333',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_mobile_search_dropdown_input_color', array(
'label' => esc_html__( 'Input Color', 'oceanwp' ),
'section' => 'ocean_header_mobile_menu',
'settings' => 'ocean_mobile_search_dropdown_input_color',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_mobile_search_dropdown',
) ) );
/**
* Search Dropdown Input Border Color
*/
$wp_customize->add_setting( 'ocean_mobile_search_dropdown_input_border', array(
'transport' => 'postMessage',
'default' => '#dddddd',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_mobile_search_dropdown_input_border', array(
'label' => esc_html__( 'Input Border Color', 'oceanwp' ),
'section' => 'ocean_header_mobile_menu',
'settings' => 'ocean_mobile_search_dropdown_input_border',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_mobile_search_dropdown',
) ) );
/**
* Search Dropdown Input Focus Border Color
*/
$wp_customize->add_setting( 'ocean_mobile_search_dropdown_input_border_focus', array(
'transport' => 'postMessage',
'default' => '#bbbbbb',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_mobile_search_dropdown_input_border_focus', array(
'label' => esc_html__( 'Input Border Color: Focus', 'oceanwp' ),
'section' => 'ocean_header_mobile_menu',
'settings' => 'ocean_mobile_search_dropdown_input_border_focus',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_mobile_search_dropdown',
) ) );
/**
* Search Overlay Background Color
*/
$wp_customize->add_setting( 'ocean_mobile_search_overlay_bg', array(
'transport' => 'postMessage',
'default' => 'rgba(0,0,0,0.9)',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_mobile_search_overlay_bg', array(
'label' => esc_html__( 'Overlay Background Color', 'oceanwp' ),
'section' => 'ocean_header_mobile_menu',
'settings' => 'ocean_mobile_search_overlay_bg',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_mobile_search_overlay',
) ) );
/**
* Search Overlay Input Color
*/
$wp_customize->add_setting( 'ocean_mobile_search_overlay_input_color', array(
'transport' => 'postMessage',
'default' => '#ffffff',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_mobile_search_overlay_input_color', array(
'label' => esc_html__( 'Input Color', 'oceanwp' ),
'section' => 'ocean_header_mobile_menu',
'settings' => 'ocean_mobile_search_overlay_input_color',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_mobile_search_overlay',
) ) );
/**
* Search Overlay Input Placeholder Color
*/
$wp_customize->add_setting( 'ocean_mobile_search_overlay_placeholder_color', array(
'transport' => 'postMessage',
'default' => '#ffffff',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_mobile_search_overlay_placeholder_color', array(
'label' => esc_html__( 'Input Placeholder Color', 'oceanwp' ),
'section' => 'ocean_header_mobile_menu',
'settings' => 'ocean_mobile_search_overlay_placeholder_color',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_mobile_search_overlay',
) ) );
/**
* Search Overlay Input Dashed Text Color
*/
$wp_customize->add_setting( 'ocean_mobile_search_overlay_input_dashed_bg', array(
'transport' => 'postMessage',
'default' => '#ffffff',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_mobile_search_overlay_input_dashed_bg', array(
'label' => esc_html__( 'Input Dashed Text Color', 'oceanwp' ),
'section' => 'ocean_header_mobile_menu',
'settings' => 'ocean_mobile_search_overlay_input_dashed_bg',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_mobile_search_overlay',
) ) );
/**
* Search Overlay Input Border Color
*/
$wp_customize->add_setting( 'ocean_mobile_search_overlay_input_border_color', array(
'transport' => 'postMessage',
'default' => '#444444',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_mobile_search_overlay_input_border_color', array(
'label' => esc_html__( 'Input Border Color', 'oceanwp' ),
'section' => 'ocean_header_mobile_menu',
'settings' => 'ocean_mobile_search_overlay_input_border_color',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_mobile_search_overlay',
) ) );
/**
* Search Overlay Input Hover Border Color
*/
$wp_customize->add_setting( 'ocean_mobile_search_overlay_input_hover_border_color', array(
'transport' => 'postMessage',
'default' => '#777777',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_mobile_search_overlay_input_hover_border_color', array(
'label' => esc_html__( 'Input Border Color: Hover', 'oceanwp' ),
'section' => 'ocean_header_mobile_menu',
'settings' => 'ocean_mobile_search_overlay_input_hover_border_color',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_mobile_search_overlay',
) ) );
/**
* Search Overlay Input Focus Border Color
*/
$wp_customize->add_setting( 'ocean_mobile_search_overlay_input_focus_border_color', array(
'transport' => 'postMessage',
'default' => '#ffffff',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_mobile_search_overlay_input_focus_border_color', array(
'label' => esc_html__( 'Input Border Color: Focus', 'oceanwp' ),
'section' => 'ocean_header_mobile_menu',
'settings' => 'ocean_mobile_search_overlay_input_focus_border_color',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_mobile_search_overlay',
) ) );
/**
* Search Overlay Close Button Color
*/
$wp_customize->add_setting( 'ocean_mobile_search_overlay_close_button_color', array(
'transport' => 'postMessage',
'default' => '#ffffff',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_mobile_search_overlay_close_button_color', array(
'label' => esc_html__( 'Close Button Color', 'oceanwp' ),
'section' => 'ocean_header_mobile_menu',
'settings' => 'ocean_mobile_search_overlay_close_button_color',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_mobile_search_overlay',
) ) );
/**
* Mobile Menu Styling
*/
$wp_customize->add_setting( 'ocean_mobile_menu_styling_heading', array(
'sanitize_callback' => 'wp_kses',
) );
$wp_customize->add_control( new OceanWP_Customizer_Heading_Control( $wp_customize, 'ocean_mobile_menu_styling_heading', array(
'label' => esc_html__( 'Styling: Mobile Menu', 'oceanwp' ),
'section' => 'ocean_header_mobile_menu',
'priority' => 10,
) ) );
/**
* Mobile Menu Close Button Background
*/
$wp_customize->add_setting( 'ocean_mobile_menu_sidr_close_button_background', array(
'transport' => 'postMessage',
'default' => '#f8f8f8',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_mobile_menu_sidr_close_button_background', array(
'label' => esc_html__( 'Close Button Background', 'oceanwp' ),
'section' => 'ocean_header_mobile_menu',
'settings' => 'ocean_mobile_menu_sidr_close_button_background',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_sidebar_mobile_menu',
) ) );
/**
* Mobile Menu Background
*/
$wp_customize->add_setting( 'ocean_mobile_menu_sidr_background', array(
'transport' => 'postMessage',
'default' => '#ffffff',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_mobile_menu_sidr_background', array(
'label' => esc_html__( 'Background Color', 'oceanwp' ),
'section' => 'ocean_header_mobile_menu',
'settings' => 'ocean_mobile_menu_sidr_background',
'priority' => 10,
'active_callback' => 'oceanwp_cac_hasnt_fullscreen_mobile_menu',
) ) );
/**
* Full Screen Mobile Menu Background
*/
$wp_customize->add_setting( 'ocean_full_screen_mobile_menu_bg', array(
'transport' => 'postMessage',
'default' => 'rgba(0,0,0,0.9)',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_full_screen_mobile_menu_bg', array(
'label' => esc_html__( 'Background Color', 'oceanwp' ),
'section' => 'ocean_header_mobile_menu',
'settings' => 'ocean_full_screen_mobile_menu_bg',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_fullscreen_mobile_menu',
) ) );
/**
* Mobile Menu Background
*/
$wp_customize->add_setting( 'ocean_mobile_menu_sidr_borders', array(
'transport' => 'postMessage',
'default' => 'rgba(0,0,0,0.035)',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_mobile_menu_sidr_borders', array(
'label' => esc_html__( 'Borders Color', 'oceanwp' ),
'section' => 'ocean_header_mobile_menu',
'settings' => 'ocean_mobile_menu_sidr_borders',
'priority' => 10,
'active_callback' => 'oceanwp_cac_hasnt_fullscreen_mobile_menu',
) ) );
/**
* Mobile Menu Links Color
*/
$wp_customize->add_setting( 'ocean_mobile_menu_links', array(
'transport' => 'postMessage',
'default' => '#555555',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_mobile_menu_links', array(
'label' => esc_html__( 'Links Color', 'oceanwp' ),
'section' => 'ocean_header_mobile_menu',
'settings' => 'ocean_mobile_menu_links',
'priority' => 10,
) ) );
/**
* Mobile Menu Links Hover Color
*/
$wp_customize->add_setting( 'ocean_mobile_menu_links_hover', array(
'transport' => 'postMessage',
'default' => '#13aff0',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_mobile_menu_links_hover', array(
'label' => esc_html__( 'Links Color: Hover', 'oceanwp' ),
'section' => 'ocean_header_mobile_menu',
'settings' => 'ocean_mobile_menu_links_hover',
'priority' => 10,
) ) );
/**
* Mobile Menu Links Background Color
*/
$wp_customize->add_setting( 'ocean_full_screen_mobile_menu_links_bg', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_full_screen_mobile_menu_links_bg', array(
'label' => esc_html__( 'Links Background Color', 'oceanwp' ),
'section' => 'ocean_header_mobile_menu',
'settings' => 'ocean_full_screen_mobile_menu_links_bg',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_fullscreen_mobile_menu',
) ) );
/**
* Mobile Menu Links Hover Background Color
*/
$wp_customize->add_setting( 'ocean_full_screen_mobile_menu_links_hover_bg', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_full_screen_mobile_menu_links_hover_bg', array(
'label' => esc_html__( 'Links Background Color: Hover', 'oceanwp' ),
'section' => 'ocean_header_mobile_menu',
'settings' => 'ocean_full_screen_mobile_menu_links_hover_bg',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_fullscreen_mobile_menu',
) ) );
/**
* Mobile Menu Background Color
*/
$wp_customize->add_setting( 'ocean_mobile_menu_sidr_dropdowns_background', array(
'transport' => 'postMessage',
'default' => 'rgba(0,0,0,0.02)',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_mobile_menu_sidr_dropdowns_background', array(
'label' => esc_html__( 'Dropdowns Menus: Background', 'oceanwp' ),
'section' => 'ocean_header_mobile_menu',
'settings' => 'ocean_mobile_menu_sidr_dropdowns_background',
'priority' => 10,
) ) );
/**
* Mobile Menu Searchbar Background
*/
$wp_customize->add_setting( 'ocean_mobile_menu_sidr_search_bg', array(
'transport' => 'postMessage',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_mobile_menu_sidr_search_bg', array(
'label' => esc_html__( 'Searchbar Background', 'oceanwp' ),
'section' => 'ocean_header_mobile_menu',
'settings' => 'ocean_mobile_menu_sidr_search_bg',
'priority' => 10,
'active_callback' => 'oceanwp_cac_hasnt_fullscreen_mobile_menu',
) ) );
/**
* Mobile Menu Searchbar Color
*/
$wp_customize->add_setting( 'ocean_mobile_menu_sidr_search_color', array(
'transport' => 'postMessage',
'default' => '#333333',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_mobile_menu_sidr_search_color', array(
'label' => esc_html__( 'Searchbar Color', 'oceanwp' ),
'section' => 'ocean_header_mobile_menu',
'settings' => 'ocean_mobile_menu_sidr_search_color',
'priority' => 10,
) ) );
/**
* Mobile Menu Searchbar Border Color
*/
$wp_customize->add_setting( 'ocean_mobile_menu_sidr_search_border_color', array(
'transport' => 'postMessage',
'default' => '#dddddd',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_mobile_menu_sidr_search_border_color', array(
'label' => esc_html__( 'Searchbar Border Color', 'oceanwp' ),
'section' => 'ocean_header_mobile_menu',
'settings' => 'ocean_mobile_menu_sidr_search_border_color',
'priority' => 10,
) ) );
/**
* Full Screen Mobile Menu Searchbar Hover Border Color
*/
$wp_customize->add_setting( 'ocean_full_screen_mobile_menu_search_border_color_hover', array(
'transport' => 'postMessage',
'default' => '#ffffff',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_full_screen_mobile_menu_search_border_color_hover', array(
'label' => esc_html__( 'Searchbar Border Color: Hover', 'oceanwp' ),
'section' => 'ocean_header_mobile_menu',
'settings' => 'ocean_full_screen_mobile_menu_search_border_color_hover',
'priority' => 10,
'active_callback' => 'oceanwp_cac_has_fullscreen_mobile_menu',
) ) );
/**
* Mobile Menu Searchbar Focus Border Color
*/
$wp_customize->add_setting( 'ocean_mobile_menu_sidr_search_border_color_focus', array(
'transport' => 'postMessage',
'default' => '#bbbbbb',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_mobile_menu_sidr_search_border_color_focus', array(
'label' => esc_html__( 'Searchbar Border Color: Focus', 'oceanwp' ),
'section' => 'ocean_header_mobile_menu',
'settings' => 'ocean_mobile_menu_sidr_search_border_color_focus',
'priority' => 10,
) ) );
/**
* Mobile Menu Searchbar Button Color
*/
$wp_customize->add_setting( 'ocean_mobile_menu_sidr_search_button_color', array(
'transport' => 'postMessage',
'default' => '#555555',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_mobile_menu_sidr_search_button_color', array(
'label' => esc_html__( 'Searchbar Button Color', 'oceanwp' ),
'section' => 'ocean_header_mobile_menu',
'settings' => 'ocean_mobile_menu_sidr_search_button_color',
'priority' => 10,
'active_callback' => 'oceanwp_cac_hasnt_fullscreen_mobile_menu',
) ) );
/**
* Mobile Menu Searchbar Hover Button Color
*/
$wp_customize->add_setting( 'ocean_mobile_menu_sidr_search_button_hover_color', array(
'transport' => 'postMessage',
'default' => '#222222',
'sanitize_callback' => 'oceanwp_sanitize_color',
) );
$wp_customize->add_control( new OceanWP_Customizer_Color_Control( $wp_customize, 'ocean_mobile_menu_sidr_search_button_hover_color', array(
'label' => esc_html__( 'Searchbar Button Color: Hover', 'oceanwp' ),
'section' => 'ocean_header_mobile_menu',
'settings' => 'ocean_mobile_menu_sidr_search_button_hover_color',
'priority' => 10,
'active_callback' => 'oceanwp_cac_hasnt_fullscreen_mobile_menu',
) ) );
}
/**
* Get WP menus
*
* @since 1.3.7
*/
private static function get_wp_menus() {
$menus = array( esc_html__( 'Select Your Menu', 'oceanwp' ) );
$get_menus = get_terms( 'nav_menu', array( 'hide_empty' => true ) );
foreach ( $get_menus as $menu) {
$menus[$menu->term_id] = $menu->name;
}
return $menus;
}
/**
* Get CSS
*
* @since 1.0.0
*/
public static function head_css( $output ) {
// Get header & mobile styles
$header_style = oceanwp_header_style();
$mobile_style = oceanwp_mobile_menu_style();
// Global vars
$header_height = get_theme_mod( 'ocean_header_height', '74' );
$mobile_header_height = get_theme_mod( 'ocean_mobile_header_height' );
$top_height = get_theme_mod( 'ocean_top_header_height', '40' );
$header_background = get_theme_mod( 'ocean_header_background', '#ffffff' );
$header_border_bottom = get_theme_mod( 'ocean_header_border_bottom', '#f1f1f1' );
$header_top_padding = get_theme_mod( 'ocean_header_top_padding', '0' );
$header_right_padding = get_theme_mod( 'ocean_header_right_padding', '0' );
$header_bottom_padding = get_theme_mod( 'ocean_header_bottom_padding', '0' );
$header_left_padding = get_theme_mod( 'ocean_header_left_padding', '0' );
$tablet_header_top_padding = get_theme_mod( 'ocean_header_tablet_top_padding' );
$tablet_header_right_padding = get_theme_mod( 'ocean_header_tablet_right_padding' );
$tablet_header_bottom_padding = get_theme_mod( 'ocean_header_tablet_bottom_padding' );
$tablet_header_left_padding = get_theme_mod( 'ocean_header_tablet_left_padding' );
$mobile_header_top_padding = get_theme_mod( 'ocean_header_mobile_top_padding' );
$mobile_header_right_padding = get_theme_mod( 'ocean_header_mobile_right_padding' );
$mobile_header_bottom_padding = get_theme_mod( 'ocean_header_mobile_bottom_padding' );
$mobile_header_left_padding = get_theme_mod( 'ocean_header_mobile_left_padding' );
$ransparent_header_bg = get_theme_mod( 'ocean_transparent_header_bg' );
$top_header_menu_background = get_theme_mod( 'ocean_top_header_menu_background', '#ffffff' );
$top_header_search_button_border_color = get_theme_mod( 'ocean_top_header_search_button_border_color', '#f1f1f1' );
$top_header_search_button_color = get_theme_mod( 'ocean_top_header_search_button_color', '#333333' );
$top_header_search_button_hover_color = get_theme_mod( 'ocean_top_header_search_button_hover_color', '#13aff0' );
$full_screen_header_menu_hamburger_icon_width = get_theme_mod( 'ocean_full_screen_header_hamburger_icon_width', '23' );
$full_screen_header_menu_hamburger_icon_height = get_theme_mod( 'ocean_full_screen_header_hamburger_icon_height', '2' );
$full_screen_header_menu_hamburger_icon_gap = get_theme_mod( 'ocean_full_screen_header_hamburger_icon_gap', '8' );
$full_screen_header_menu_bar_color = get_theme_mod( 'ocean_full_screen_header_menu_bar_color', '#333333' );
$full_screen_header_menu_bar_close_color = get_theme_mod( 'ocean_full_screen_header_menu_bar_close_color', '#ffffff' );
$full_screen_header_bg = get_theme_mod( 'ocean_full_screen_header_bg', 'rgba(0,0,0,0.9)' );
$full_screen_header_links_bg_color = get_theme_mod( 'ocean_full_screen_header_links_bg_color' );
$full_screen_header_links_hover_bg_color = get_theme_mod( 'ocean_full_screen_header_links_hover_bg_color' );
$full_screen_header_links_color = get_theme_mod( 'ocean_full_screen_header_links_color', '#ffffff' );
$full_screen_header_links_hover_color = get_theme_mod( 'ocean_full_screen_header_links_hover_color', '#929292' );
$full_screen_header_search_color = get_theme_mod( 'ocean_full_screen_header_search_color', '#ffffff' );
$full_screen_header_search_dashed_bg = get_theme_mod( 'ocean_full_screen_header_search_dashed_bg', '#ffffff' );
$full_screen_header_search_border_color = get_theme_mod( 'ocean_full_screen_header_search_border_color', '#666666' );
$full_screen_header_search_hover_border_color = get_theme_mod( 'ocean_full_screen_header_search_hover_border_color', '#ffffff' );
$full_screen_header_search_focus_border_color = get_theme_mod( 'ocean_full_screen_header_search_focus_border_color', '#ffffff' );
$medium_header_top_header_top_padding = get_theme_mod( 'ocean_medium_header_top_header_top_padding', '30' );
$medium_header_top_header_bottom_padding = get_theme_mod( 'ocean_medium_header_top_header_bottom_padding', '30' );
$medium_header_top_header_tablet_top_padding = get_theme_mod( 'ocean_medium_header_top_header_tablet_top_padding' );
$medium_header_top_header_tablet_bottom_padding = get_theme_mod( 'ocean_medium_header_top_header_tablet_bottom_padding' );
$medium_header_top_header_mobile_top_padding = get_theme_mod( 'ocean_medium_header_top_header_mobile_top_padding' );
$medium_header_top_header_mobile_bottom_padding = get_theme_mod( 'ocean_medium_header_top_header_mobile_bottom_padding' );
$medium_header_sticky_top_header_top_padding = get_theme_mod( 'ocean_medium_header_sticky_top_header_top_padding', '20' );
$medium_header_sticky_top_header_bottom_padding = get_theme_mod( 'ocean_medium_header_sticky_top_header_bottom_padding', '20' );
$medium_header_sticky_top_header_tablet_top_padding = get_theme_mod( 'ocean_medium_header_sticky_top_header_tablet_top_padding' );
$medium_header_sticky_top_header_tablet_bottom_padding = get_theme_mod( 'ocean_medium_header_sticky_top_header_tablet_bottom_padding' );
$medium_header_sticky_top_header_mobile_top_padding = get_theme_mod( 'ocean_medium_header_sticky_top_header_mobile_top_padding' );
$medium_header_sticky_top_header_mobile_bottom_padding = get_theme_mod( 'ocean_medium_header_sticky_top_header_mobile_bottom_padding' );
$medium_header_menu_height = get_theme_mod( 'ocean_medium_header_menu_height', '60' );
$medium_header_menu_position = get_theme_mod( 'ocean_medium_header_menu_position', 'center-menu' );
$medium_header_menu_items_right_padding = get_theme_mod( 'ocean_medium_header_menu_items_right_padding', '22' );
$medium_header_menu_items_left_padding = get_theme_mod( 'ocean_medium_header_menu_items_left_padding', '22' );
$medium_header_menu_items_tablet_right_padding = get_theme_mod( 'ocean_medium_header_menu_items_tablet_right_padding' );
$medium_header_menu_items_tablet_left_padding = get_theme_mod( 'ocean_medium_header_menu_items_tablet_left_padding' );
$medium_header_menu_items_mobile_right_padding = get_theme_mod( 'ocean_medium_header_menu_items_mobile_right_padding' );
$medium_header_menu_items_mobile_left_padding = get_theme_mod( 'ocean_medium_header_menu_items_mobile_left_padding' );
$medium_header_top_header_bg = get_theme_mod( 'ocean_medium_header_top_header_bg', '#ffffff' );
$medium_header_menu_bg = get_theme_mod( 'ocean_medium_header_menu_bg', '#f9f9f9' );
$medium_header_search_bg = get_theme_mod( 'ocean_medium_header_search_bg', '#f5f5f5' );
$medium_header_search_color = get_theme_mod( 'ocean_medium_header_search_color', '#333333' );
$medium_header_search_placeholder_color = get_theme_mod( 'ocean_medium_header_search_placeholder_color', '#333333' );
$medium_header_search_button_color = get_theme_mod( 'ocean_medium_header_search_button_color', '#333333' );
$medium_header_search_button_hover_color = get_theme_mod( 'ocean_medium_header_search_button_hover_color', '#13aff0' );
$vertical_header_collapse_width = get_theme_mod( 'ocean_vertical_header_collapse_width', '1280' );
$vertical_header_width = get_theme_mod( 'ocean_vertical_header_width', '300' );
$vertical_header_inner_top_padding = get_theme_mod( 'ocean_vertical_header_inner_top_padding', '30' );
$vertical_header_inner_right_padding = get_theme_mod( 'ocean_vertical_header_inner_right_padding', '30' );
$vertical_header_inner_bottom_padding = get_theme_mod( 'ocean_vertical_header_inner_bottom_padding', '30' );
$vertical_header_inner_left_padding = get_theme_mod( 'ocean_vertical_header_inner_left_padding', '30' );
$tablet_vertical_header_inner_top_padding = get_theme_mod( 'ocean_vertical_header_inner_tablet_top_padding' );
$tablet_vertical_header_inner_right_padding = get_theme_mod( 'ocean_vertical_header_inner_tablet_right_padding' );
$tablet_vertical_header_inner_bottom_padding = get_theme_mod( 'ocean_vertical_header_inner_tablet_bottom_padding' );
$tablet_vertical_header_inner_left_padding = get_theme_mod( 'ocean_vertical_header_inner_tablet_left_padding' );
$mobile_vertical_header_inner_top_padding = get_theme_mod( 'ocean_vertical_header_inner_mobile_top_padding' );
$mobile_vertical_header_inner_right_padding = get_theme_mod( 'ocean_vertical_header_inner_mobile_right_padding' );
$mobile_vertical_header_inner_bottom_padding = get_theme_mod( 'ocean_vertical_header_inner_mobile_bottom_padding' );
$mobile_vertical_header_inner_left_padding = get_theme_mod( 'ocean_vertical_header_inner_mobile_left_padding' );
$vertical_header_menu_items_padding = get_theme_mod( 'ocean_vertical_header_menu_items_padding', '17' );
$vertical_header_menu_items_border_color = get_theme_mod( 'ocean_vertical_header_menu_items_border_color', 'rgba(0,0,0,0.05)' );
$vertical_header_sub_menu_bg = get_theme_mod( 'ocean_vertical_header_sub_menu_bg', 'rgba(0,0,0,0.03)' );
$vertical_header_sub_menu_sub_menu_links_color = get_theme_mod( 'ocean_vertical_header_sub_menu_links_color', '#333333' );
$vertical_header_sub_menu_links_hover_color = get_theme_mod( 'ocean_vertical_header_sub_menu_links_hover_color', '#555555' );
$vertical_header_sub_menu_links_bg = get_theme_mod( 'ocean_vertical_header_sub_menu_links_bg' );
$vertical_header_sub_menu_links_hover_bg = get_theme_mod( 'ocean_vertical_header_sub_menu_links_hover_bg', '#f8f8f8' );
$vertical_header_search_border_width = get_theme_mod( 'ocean_vertical_header_search_border_width' );
$vertical_header_search_border_radius = get_theme_mod( 'ocean_vertical_header_search_border_radius' );
$vertical_header_search_bg = get_theme_mod( 'ocean_vertical_header_search_bg', 'rgba(0,0,0,0.03)' );
$vertical_header_search_color = get_theme_mod( 'ocean_vertical_header_search_color', '#333333' );
$vertical_header_search_btn_color = get_theme_mod( 'ocean_vertical_header_search_btn_color', '#777777' );
$vertical_header_search_border_color = get_theme_mod( 'ocean_vertical_header_search_border_color', 'rgba(0,0,0,0.04)' );
$vertical_header_search_hover_border_color = get_theme_mod( 'ocean_vertical_header_search_hover_border_color' );
$vertical_header_search_focus_border_color = get_theme_mod( 'ocean_vertical_header_search_focus_border_color' );
$vertical_header_search_btn_hover_color = get_theme_mod( 'ocean_vertical_header_search_btn_hover_color', '#333333' );
$vertical_header_hamburger_color = get_theme_mod( 'ocean_vertical_header_hamburger_color', '#000000' );
$header_image_overlay_color = get_theme_mod( 'ocean_header_image_overlay_color', 'rgba(0,0,0,0.5)' );
$logo_max_width = get_theme_mod( 'ocean_logo_max_width' );
$logo_max_width_tablet = get_theme_mod( 'ocean_logo_max_width_tablet' );
$logo_max_width_mobile = get_theme_mod( 'ocean_logo_max_width_mobile' );
$logo_max_height = get_theme_mod( 'ocean_logo_max_height' );
$logo_max_height_tablet = get_theme_mod( 'ocean_logo_max_height_tablet' );
$logo_max_height_mobile = get_theme_mod( 'ocean_logo_max_height_mobile' );
$logo_color = get_theme_mod( 'ocean_logo_color', '#333333' );
$logo_hover_color = get_theme_mod( 'ocean_logo_hover_color', '#13aff0' );
$responsive_logo_height = get_theme_mod( 'ocean_responsive_logo_height' );
$search_dropdown_input_bg = get_theme_mod( 'ocean_search_dropdown_input_background' );
$search_dropdown_input_color = get_theme_mod( 'ocean_search_dropdown_input_color', '#333333' );
$search_dropdown_input_border = get_theme_mod( 'ocean_search_dropdown_input_border', '#dddddd' );
$search_dropdown_input_border_focus = get_theme_mod( 'ocean_search_dropdown_input_border_focus', '#bbbbbb' );
$search_overlay_bg = get_theme_mod( 'ocean_search_overlay_bg', 'rgba(0,0,0,0.9)' );
$search_overlay_input_color = get_theme_mod( 'ocean_search_overlay_input_color', '#ffffff' );
$search_overlay_placeholder_color = get_theme_mod( 'ocean_search_overlay_placeholder_color', '#ffffff' );
$search_overlay_input_dashed_bg = get_theme_mod( 'ocean_search_overlay_input_dashed_bg', '#ffffff' );
$search_overlay_input_border = get_theme_mod( 'ocean_search_overlay_input_border_color', '#444444' );
$search_overlay_input_border_hover = get_theme_mod( 'ocean_search_overlay_input_hover_border_color', '#777777' );
$search_overlay_input_border_focus = get_theme_mod( 'ocean_search_overlay_input_focus_border_color', '#ffffff' );
$search_overlay_close_button_color = get_theme_mod( 'ocean_search_overlay_close_button_color', '#ffffff' );
$links_effect_blue_color = get_theme_mod( 'ocean_menu_links_effect_blue_color', '#13aff0' );
$links_effect_dark_color = get_theme_mod( 'ocean_menu_links_effect_dark_color', 'rgba(0,0,0,0.1)' );
$menu_items_padding = get_theme_mod( 'ocean_menu_items_padding', '15' );
$menu_link_color = get_theme_mod( 'ocean_menu_link_color', '#555555' );
$menu_link_color_hover = get_theme_mod( 'ocean_menu_link_color_hover', '#13aff0' );
$menu_link_color_active = get_theme_mod( 'ocean_menu_link_color_active', '#555555' );
$menu_link_background = get_theme_mod( 'ocean_menu_link_background' );
$menu_link_hover_background = get_theme_mod( 'ocean_menu_link_hover_background' );
$menu_link_active_background = get_theme_mod( 'ocean_menu_link_active_background' );
$dropdown_width = get_theme_mod( 'ocean_dropdown_width', '180' );
$dropdown_menu_background = get_theme_mod( 'ocean_dropdown_menu_background', '#ffffff' );
$dropdown_menu_top_border = get_theme_mod( 'ocean_dropdown_menu_top_border', '#13aff0' );
$dropdown_menu_borders = get_theme_mod( 'ocean_dropdown_menu_borders', '#f1f1f1' );
$dropdown_menu_link_color = get_theme_mod( 'ocean_dropdown_menu_link_color', '#333333' );
$dropdown_menu_link_color_hover = get_theme_mod( 'ocean_dropdown_menu_link_color_hover', '#555555' );
$dropdown_menu_link_hover_bg = get_theme_mod( 'ocean_dropdown_menu_link_hover_bg', '#f8f8f8' );
$dropdown_menu_link_color_active = get_theme_mod( 'ocean_dropdown_menu_link_color_active' );
$dropdown_menu_link_bg_active = get_theme_mod( 'ocean_dropdown_menu_link_bg_active' );
$dropdown_category_title_bg = get_theme_mod( 'ocean_dropdown_category_title_bg', '#f8f8f8' );
$dropdown_category_title_color = get_theme_mod( 'ocean_dropdown_category_title_color', '#222222' );
$dropdown_category_links_color = get_theme_mod( 'ocean_dropdown_category_links_color', '#555555' );
$dropdown_category_links_hover_color = get_theme_mod( 'ocean_dropdown_category_links_hover_color', '#333333' );
$dropdown_category_date_color = get_theme_mod( 'ocean_dropdown_category_date_color', '#bbbbbb' );
$menu_social_font_size = get_theme_mod( 'ocean_menu_social_font_size' );
$menu_social_tablet_font_size = get_theme_mod( 'ocean_menu_social_tablet_font_size' );
$menu_social_mobile_font_size = get_theme_mod( 'ocean_menu_social_mobile_font_size' );
$menu_social_top_padding = get_theme_mod( 'ocean_menu_social_top_padding' );
$menu_social_right_padding = get_theme_mod( 'ocean_menu_social_right_padding' );
$menu_social_bottom_padding = get_theme_mod( 'ocean_menu_social_bottom_padding' );
$menu_social_left_padding = get_theme_mod( 'ocean_menu_social_left_padding' );
$menu_social_tablet_top_padding = get_theme_mod( 'ocean_menu_social_tablet_top_padding' );
$menu_social_tablet_right_padding = get_theme_mod( 'ocean_menu_social_tablet_right_padding' );
$menu_social_tablet_bottom_padding = get_theme_mod( 'ocean_menu_social_tablet_bottom_padding' );
$menu_social_tablet_left_padding = get_theme_mod( 'ocean_menu_social_tablet_left_padding' );
$menu_social_mobile_top_padding = get_theme_mod( 'ocean_menu_social_mobile_top_padding' );
$menu_social_mobile_right_padding = get_theme_mod( 'ocean_menu_social_mobile_right_padding' );
$menu_social_mobile_bottom_padding = get_theme_mod( 'ocean_menu_social_mobile_bottom_padding' );
$menu_social_mobile_left_padding = get_theme_mod( 'ocean_menu_social_mobile_left_padding' );
$menu_social_right_margin = get_theme_mod( 'ocean_menu_social_right_margin' );
$menu_social_left_margin = get_theme_mod( 'ocean_menu_social_left_margin' );
$menu_social_tablet_right_margin = get_theme_mod( 'ocean_menu_social_tablet_right_margin' );
$menu_social_tablet_left_margin = get_theme_mod( 'ocean_menu_social_tablet_left_margin' );
$menu_social_mobile_right_margin = get_theme_mod( 'ocean_menu_social_mobile_right_margin' );
$menu_social_mobile_left_margin = get_theme_mod( 'ocean_menu_social_mobile_left_margin' );
$menu_social_border_radius = get_theme_mod( 'ocean_menu_social_border_radius' );
$menu_social_links_bg = get_theme_mod( 'ocean_menu_social_links_bg' );
$menu_social_hover_links_bg = get_theme_mod( 'ocean_menu_social_hover_links_bg' );
$menu_social_links_color = get_theme_mod( 'ocean_menu_social_links_color' );
$menu_social_hover_links_color = get_theme_mod( 'ocean_menu_social_hover_links_color' );
$mobile_menu_breakpoint = get_theme_mod( 'ocean_mobile_menu_breakpoints', '959' );
$mobile_menu_custom_breakpoint = get_theme_mod( 'ocean_mobile_menu_custom_breakpoint' );
$mobile_menu_open_hamburger_color = get_theme_mod( 'ocean_mobile_menu_open_hamburger_color', '#000000' );
$dropdown_mobile_menu_max_height = get_theme_mod( 'ocean_dropdown_mobile_menu_max_height', '400' );
$mobile_menu_sidr_close_button_bg = get_theme_mod( 'ocean_mobile_menu_sidr_close_button_background', '#f8f8f8' );
$mobile_menu_sidr_background = get_theme_mod( 'ocean_mobile_menu_sidr_background', '#ffffff' );
$full_screen_mobile_menu_bg = get_theme_mod( 'ocean_full_screen_mobile_menu_bg', 'rgba(0,0,0,0.9)' );
$mobile_menu_sidr_borders = get_theme_mod( 'ocean_mobile_menu_sidr_borders', 'rgba(0,0,0,0.035)' );
$mobile_menu_links = get_theme_mod( 'ocean_mobile_menu_links', '#555555' );
$mobile_menu_links_hover = get_theme_mod( 'ocean_mobile_menu_links_hover', '#13aff0' );
$full_screen_mobile_menu_links_bg = get_theme_mod( 'ocean_full_screen_mobile_menu_links_bg' );
$full_screen_mobile_menu_links_hover_bg = get_theme_mod( 'ocean_full_screen_mobile_menu_links_hover_bg' );
$mobile_menu_sidr_dropdowns_bg = get_theme_mod( 'ocean_mobile_menu_sidr_dropdowns_background', 'rgba(0,0,0,0.02)' );
$mobile_menu_sidr_search_bg = get_theme_mod( 'ocean_mobile_menu_sidr_search_bg' );
$mobile_menu_sidr_search_color = get_theme_mod( 'ocean_mobile_menu_sidr_search_color', '#333333' );
$mobile_menu_sidr_search_border_color = get_theme_mod( 'ocean_mobile_menu_sidr_search_border_color', '#dddddd' );
$full_screen_mobile_menu_search_border_color_hover = get_theme_mod( 'ocean_full_screen_mobile_menu_search_border_color_hover', '#ffffff' );
$mobile_menu_sidr_search_border_color_focus = get_theme_mod( 'ocean_mobile_menu_sidr_search_border_color_focus', '#bbbbbb' );
$mobile_menu_sidr_search_button_color = get_theme_mod( 'ocean_mobile_menu_sidr_search_button_color', '#555555' );
$mobile_menu_sidr_search_button_hover_color = get_theme_mod( 'ocean_mobile_menu_sidr_search_button_hover_color', '#222222' );
$mobile_search_dropdown_input_bg = get_theme_mod( 'ocean_mobile_search_dropdown_input_background' );
$mobile_search_dropdown_input_color = get_theme_mod( 'ocean_mobile_search_dropdown_input_color', '#333333' );
$mobile_search_dropdown_input_border = get_theme_mod( 'ocean_mobile_search_dropdown_input_border', '#dddddd' );
$mobile_search_dropdown_input_border_focus = get_theme_mod( 'ocean_mobile_search_dropdown_input_border_focus', '#bbbbbb' );
$mobile_search_overlay_bg = get_theme_mod( 'ocean_mobile_search_overlay_bg', 'rgba(0,0,0,0.9)' );
$mobile_search_overlay_input_color = get_theme_mod( 'ocean_mobile_search_overlay_input_color', '#ffffff' );
$mobile_search_overlay_placeholder_color = get_theme_mod( 'ocean_mobile_search_overlay_placeholder_color', '#ffffff' );
$mobile_search_overlay_input_dashed_bg = get_theme_mod( 'ocean_mobile_search_overlay_input_dashed_bg', '#ffffff' );
$mobile_search_overlay_input_border = get_theme_mod( 'ocean_mobile_search_overlay_input_border_color', '#444444' );
$mobile_search_overlay_input_border_hover = get_theme_mod( 'ocean_mobile_search_overlay_input_hover_border_color', '#777777' );
$mobile_search_overlay_input_border_focus = get_theme_mod( 'ocean_mobile_search_overlay_input_focus_border_color', '#ffffff' );
$mobile_search_overlay_close_button_color = get_theme_mod( 'ocean_mobile_search_overlay_close_button_color', '#ffffff' );
// Filters to altering settings via the metabox
$logo_max_width = apply_filters( 'ocean_logo_max_width', $logo_max_width );
$logo_max_width_tablet = apply_filters( 'ocean_logo_max_width_tablet', $logo_max_width_tablet );
$logo_max_width_mobile = apply_filters( 'ocean_logo_max_width_mobile', $logo_max_width_mobile );
$logo_max_height = apply_filters( 'ocean_logo_max_height', $logo_max_height );
$logo_max_height_tablet = apply_filters( 'ocean_logo_max_height_tablet', $logo_max_height_tablet );
$logo_max_height_mobile = apply_filters( 'ocean_logo_max_height_mobile', $logo_max_height_mobile );
$menu_link_color = apply_filters( 'ocean_menu_link_color', $menu_link_color );
$menu_link_color_hover = apply_filters( 'ocean_menu_link_color_hover', $menu_link_color_hover );
$menu_link_color_active = apply_filters( 'ocean_menu_link_color_active', $menu_link_color_active );
$menu_link_background = apply_filters( 'ocean_menu_link_background', $menu_link_background );
$menu_link_hover_background = apply_filters( 'ocean_menu_link_hover_background', $menu_link_hover_background );
$menu_link_active_background = apply_filters( 'ocean_menu_link_active_background', $menu_link_active_background );
$menu_social_links_bg = apply_filters( 'ocean_menu_social_links_bg', $menu_social_links_bg );
$menu_social_hover_links_bg = apply_filters( 'ocean_menu_social_hover_links_bg', $menu_social_hover_links_bg );
$menu_social_links_color = apply_filters( 'ocean_menu_social_links_color', $menu_social_links_color );
$menu_social_hover_links_color = apply_filters( 'ocean_menu_social_hover_links_color', $menu_social_hover_links_color );
// Define css var
$css = '';
// Add header height
if ( ( 'top' != $header_style && 'medium' != $header_style ) && ! empty( $header_height ) && '74' != $header_height ) {
if ( 'custom' != $header_style ) {
$css .= '#site-logo #site-logo-inner,.oceanwp-social-menu .social-menu-inner,#site-header.full_screen-header .menu-bar-inner,.after-header-content .after-header-content-inner{height:'. $header_height .'px;}';
}
$css .= '#site-navigation-wrap .dropdown-menu > li > a,.oceanwp-mobile-menu-icon a,.mobile-menu-close,.after-header-content-inner > a{line-height:'. $header_height .'px;}';
}
// Add header height for top header style
if ( 'top' == $header_style && ! empty( $top_height ) && '40' != $top_height ) {
$css .= '#site-header.top-header .oceanwp-social-menu,#site-header.top-header #search-toggle{height:'. $top_height .'px;}';
$css .= '#site-header.top-header #site-navigation-wrap .dropdown-menu > li > a,#site-header.top-header .oceanwp-mobile-menu-icon a,.mobile-menu-close{line-height:'. $top_height .'px;}';
}
// Add mobile header height
if ( ( 'top' != $header_style && 'medium' != $header_style ) && ! empty( $mobile_header_height ) ) {
if ( 'custom' != $header_style ) {
$css .= '@media only screen and (max-width: 959px) {body.default-breakpoint #site-logo #site-logo-inner{height:'. $mobile_header_height .'px;}}';
}
$css .= '@media only screen and (max-width: 959px) {body.default-breakpoint .oceanwp-mobile-menu-icon a,.mobile-menu-close{line-height:'. $mobile_header_height .'px;}}';
}
// Header background color
if ( 'medium' != $header_style && ! empty( $header_background ) && '#ffffff' != $header_background ) {
$css .= '#site-header,.has-transparent-header .is-sticky #site-header,.has-vh-transparent .is-sticky #site-header.vertical-header,#searchform-header-replace{background-color:'. $header_background .';}';
}
// Header border color
if ( ! empty( $header_border_bottom ) && '#f1f1f1' != $header_border_bottom ) {
$css .= '#site-header{border-color:'. $header_border_bottom .';}';
}
if ( false === ( 'medium' === $header_style || 'vertical' === $header_style ) ) {
// Header padding
if ( isset( $header_top_padding ) && '0' != $header_top_padding && '' != $header_top_padding
|| isset( $header_right_padding ) && '0' != $header_right_padding && '' != $header_right_padding
|| isset( $header_bottom_padding ) && '0' != $header_bottom_padding && '' != $header_bottom_padding
|| isset( $header_left_padding ) && '0' != $header_left_padding && '' != $header_left_padding ) {
$css .= '#site-header-inner{padding:'. oceanwp_spacing_css( $header_top_padding, $header_right_padding, $header_bottom_padding, $header_left_padding ) .'}';
}
// Tablet header padding
if ( isset( $tablet_header_top_padding ) && '' != $tablet_header_top_padding
|| isset( $tablet_header_right_padding ) && '' != $tablet_header_right_padding
|| isset( $tablet_header_bottom_padding ) && '' != $tablet_header_bottom_padding
|| isset( $tablet_header_left_padding ) && '' != $tablet_header_left_padding ) {
$css .= '@media (max-width: 768px){#site-header-inner{padding:'. oceanwp_spacing_css( $tablet_header_top_padding, $tablet_header_right_padding, $tablet_header_bottom_padding, $tablet_header_left_padding ) .'}}';
}
// Mobile header padding
if ( isset( $mobile_header_top_padding ) && '' != $mobile_header_top_padding
|| isset( $mobile_header_right_padding ) && '' != $mobile_header_right_padding
|| isset( $mobile_header_bottom_padding ) && '' != $mobile_header_bottom_padding
|| isset( $mobile_header_left_padding ) && '' != $mobile_header_left_padding ) {
$css .= '@media (max-width: 480px){#site-header-inner{padding:'. oceanwp_spacing_css( $mobile_header_top_padding, $mobile_header_right_padding, $mobile_header_bottom_padding, $mobile_header_left_padding ) .'}}';
}
}
// Transparent header background color
if ( 'transparent' == $header_style && ! empty( $ransparent_header_bg ) ) {
$css .= '#site-header.transparent-header{background-color:'. $ransparent_header_bg .';}';
}
// Top menu header style
if ( 'top' == $header_style ) {
// Menu background color
if ( ! empty( $top_header_menu_background ) && '#ffffff' != $top_header_menu_background ) {
$css .= '#site-header.top-header .header-top,#site-header.top-header #searchform-header-replace{background-color:'. $top_header_menu_background .';}';
}
// Search button border color
if ( ! empty( $top_header_search_button_border_color ) && '#f1f1f1' != $top_header_search_button_border_color ) {
$css .= '#site-header.top-header #search-toggle{border-color:'. $top_header_search_button_border_color .';}';
}
// Search button color
if ( ! empty( $top_header_search_button_color ) && '#333333' != $top_header_search_button_color ) {
$css .= '#site-header.top-header #search-toggle a{color:'. $top_header_search_button_color .';}';
}
// Search button hover color
if ( ! empty( $top_header_search_button_hover_color ) && '#13aff0' != $top_header_search_button_hover_color ) {
$css .= '#site-header.top-header #search-toggle a:hover{color:'. $top_header_search_button_hover_color .';}';
}
}
// Full Screen header style
if ( 'full_screen' == $header_style ) {
if ( ! empty( $full_screen_header_menu_hamburger_icon_width ) && '23' != $full_screen_header_menu_hamburger_icon_width ) {
$css .= '#site-header.full_screen-header .menu-bar .ham,#site-header.full_screen-header .menu-bar .ham:before,#site-header.full_screen-header .menu-bar .ham:after{width:'. $full_screen_header_menu_hamburger_icon_width .'px;}';
}
if ( ! empty( $full_screen_header_menu_hamburger_icon_height ) && '2' != $full_screen_header_menu_hamburger_icon_height ) {
$css .= '#site-header.full_screen-header .menu-bar .ham,#site-header.full_screen-header .menu-bar .ham:before,#site-header.full_screen-header .menu-bar .ham:after{height:'. $full_screen_header_menu_hamburger_icon_height .'px;}';
}
if ( ! empty( $full_screen_header_menu_hamburger_icon_gap ) && '8' != $full_screen_header_menu_hamburger_icon_gap ) {
$css .= '#site-header.full_screen-header .menu-bar .ham:before{top: -'. $full_screen_header_menu_hamburger_icon_gap .'px;}';
$css .= '#site-header.full_screen-header .menu-bar .ham:after{top: '. $full_screen_header_menu_hamburger_icon_gap .'px;}';
$css .= '#site-header.full_screen-header .menu-bar.exit .ham:before{transform: translateY('. $full_screen_header_menu_hamburger_icon_gap .'px) rotateZ(-45deg);}';
$css .= '#site-header.full_screen-header .menu-bar.exit .ham:after{transform: translateY(-'. $full_screen_header_menu_hamburger_icon_gap .'px) rotateZ(45deg);}';
}
// Menu bar color
if ( ! empty( $full_screen_header_menu_bar_color ) && '#333333' != $full_screen_header_menu_bar_color ) {
$css .= '#site-header.full_screen-header .menu-bar .ham,#site-header.full_screen-header .menu-bar .ham:before,#site-header.full_screen-header .menu-bar .ham:after{background-color:'. $full_screen_header_menu_bar_color .';}';
}
// Menu bar close color
if ( ! empty( $full_screen_header_menu_bar_close_color ) && '#ffffff' != $full_screen_header_menu_bar_close_color ) {
$css .= '#site-header.full_screen-header .menu-bar.exit .ham:before,#site-header.full_screen-header .menu-bar.exit .ham:after{background-color:'. $full_screen_header_menu_bar_close_color .';}';
}
// Background color
if ( ! empty( $full_screen_header_bg ) && 'rgba(0,0,0,0.9)' != $full_screen_header_bg ) {
$css .= '#site-header.full_screen-header #full-screen-menu{background-color:'. $full_screen_header_bg .';}';
}
//Links background color
if ( ! empty( $full_screen_header_links_bg_color ) ) {
$css .= '#site-header.full_screen-header .fs-dropdown-menu li a{background-color:'. $full_screen_header_links_bg_color .';}';
}
// Links hover background color
if ( ! empty( $full_screen_header_links_hover_bg_color ) ) {
$css .= '#site-header.full_screen-header .fs-dropdown-menu li a:hover{background-color:'. $full_screen_header_links_hover_bg_color .';}';
}
// Links color
if ( ! empty( $full_screen_header_links_color ) && '#ffffff' != $full_screen_header_links_color ) {
$css .= '#site-header.full_screen-header .fs-dropdown-menu li a{color:'. $full_screen_header_links_color .';}';
}
// Links hover color
if ( ! empty( $full_screen_header_links_hover_color ) && '#929292' != $full_screen_header_links_hover_color ) {
$css .= '#site-header.full_screen-header .fs-dropdown-menu li a:hover{color:'. $full_screen_header_links_hover_color .';}';
}
// Search color
if ( ! empty( $full_screen_header_search_color ) && '#ffffff' != $full_screen_header_search_color ) {
$css .= '#site-header.full_screen-header .fs-dropdown-menu>li.search-toggle-li input,#site-header.full_screen-header .fs-dropdown-menu>li.search-toggle-li .search-text{color:'. $full_screen_header_search_color .';}';
}
// Search dashed background color
if ( ! empty( $full_screen_header_search_dashed_bg ) && '#ffffff' != $full_screen_header_search_dashed_bg ) {
$css .= '#site-header.full_screen-header .fs-dropdown-menu>li.search-toggle-li .search-text i{background-color:'. $full_screen_header_search_dashed_bg .';}';
}
// Search border color
if ( ! empty( $full_screen_header_search_border_color ) && '#666666' != $full_screen_header_search_border_color ) {
$css .= '#site-header.full_screen-header .fs-dropdown-menu>li.search-toggle-li input{border-color:'. $full_screen_header_search_border_color .';}';
}
// Search hover border color
if ( ! empty( $full_screen_header_search_hover_border_color ) && '#ffffff' != $full_screen_header_search_hover_border_color ) {
$css .= '#site-header.full_screen-header .fs-dropdown-menu>li.search-toggle-li input:hover{border-color:'. $full_screen_header_search_hover_border_color .';}';
}
// Search focus border color
if ( ! empty( $full_screen_header_search_focus_border_color ) && '#ffffff' != $full_screen_header_search_focus_border_color ) {
$css .= '#site-header.full_screen-header .fs-dropdown-menu>li.search-toggle-li input:focus{border-color:'. $full_screen_header_search_focus_border_color .';}';
}
}
// Medium header style
if ( 'medium' == $header_style ) {
// Add top header background for medium header style
if ( ! empty( $medium_header_top_header_bg ) && '#ffffff' != $medium_header_top_header_bg ) {
$css .= '#site-header.medium-header .top-header-wrap,.is-sticky #site-header.medium-header.is-transparent .top-header-wrap,#searchform-header-replace{background-color:'. $medium_header_top_header_bg .';}';
}
// Top header padding
if ( isset( $medium_header_top_header_top_padding ) && '30' != $medium_header_top_header_top_padding && '' != $medium_header_top_header_top_padding
|| isset( $medium_header_top_header_bottom_padding ) && '30' != $medium_header_top_header_bottom_padding && '' != $medium_header_sticky_top_header_bottom_padding ) {
$css .= '#site-header.medium-header .top-header-wrap{padding:'. oceanwp_spacing_css( $medium_header_top_header_top_padding, '', $medium_header_top_header_bottom_padding, '' ) .'}';
}
// Tablet top header padding
if ( isset( $medium_header_top_header_tablet_top_padding ) && '' != $medium_header_top_header_tablet_top_padding
|| isset( $medium_header_top_header_tablet_bottom_padding ) && '' != $medium_header_top_header_tablet_bottom_padding ) {
$css .= '@media (max-width: 768px){#site-header.medium-header .top-header-wrap{padding:'. oceanwp_spacing_css( $medium_header_top_header_tablet_top_padding, '', $medium_header_top_header_tablet_bottom_padding, '' ) .'}}';
}
// Mobile top header padding
if ( isset( $medium_header_top_header_mobile_top_padding ) && '' != $medium_header_top_header_mobile_top_padding
|| isset( $medium_header_top_header_mobile_bottom_padding ) && '' != $medium_header_top_header_mobile_bottom_padding ) {
$css .= '@media (max-width: 480px){#site-header.medium-header .top-header-wrap{padding:'. oceanwp_spacing_css( $medium_header_top_header_mobile_top_padding, '', $medium_header_top_header_mobile_bottom_padding, '' ) .'}}';
}
// Sticky top header padding
if ( isset( $medium_header_sticky_top_header_top_padding ) && '20' != $medium_header_sticky_top_header_top_padding && '' != $medium_header_sticky_top_header_top_padding
|| isset( $medium_header_sticky_top_header_bottom_padding ) && '20' != $medium_header_sticky_top_header_bottom_padding && '' != $medium_header_sticky_top_header_bottom_padding ) {
$css .= '.is-sticky #site-header.medium-header .top-header-wrap{padding:'. oceanwp_spacing_css( $medium_header_sticky_top_header_top_padding, '', $medium_header_sticky_top_header_bottom_padding, '' ) .'}';
}
// Tablet sticky top header padding
if ( isset( $medium_header_sticky_top_header_tablet_top_padding ) && '' != $medium_header_sticky_top_header_tablet_top_padding
|| isset( $medium_header_sticky_top_header_tablet_bottom_padding ) && '' != $medium_header_sticky_top_header_tablet_bottom_padding ) {
$css .= '@media (max-width: 768px){.is-sticky #site-header.medium-header .top-header-wrap{padding:'. oceanwp_spacing_css( $medium_header_sticky_top_header_tablet_top_padding, '', $medium_header_sticky_top_header_tablet_bottom_padding, '' ) .'}}';
}
// Mobile sticky top header padding
if ( isset( $medium_header_sticky_top_header_mobile_top_padding ) && '' != $medium_header_sticky_top_header_mobile_top_padding
|| isset( $medium_header_sticky_top_header_mobile_bottom_padding ) && '' != $medium_header_sticky_top_header_mobile_bottom_padding ) {
$css .= '@media (max-width: 480px){.is-sticky #site-header.medium-header .top-header-wrap{padding:'. oceanwp_spacing_css( $medium_header_sticky_top_header_mobile_top_padding, '', $medium_header_sticky_top_header_mobile_bottom_padding, '' ) .'}}';
}
// Add height menu for medium header style
if ( ! empty( $medium_header_menu_height ) && '60' != $medium_header_menu_height ) {
$css .= '#site-header.medium-header #site-navigation-wrap .dropdown-menu > li > a,#site-header.medium-header .oceanwp-mobile-menu-icon a{line-height:'. $medium_header_menu_height .'px;}';
}
// Header padding
if ( isset( $medium_header_menu_items_right_padding ) && '22' != $medium_header_menu_items_right_padding && '' != $medium_header_menu_items_right_padding
|| isset( $medium_header_menu_items_left_padding ) && '22' != $medium_header_menu_items_left_padding && '' != $medium_header_menu_items_left_padding ) {
$css .= '#site-header.medium-header #site-navigation-wrap .dropdown-menu > li > a{padding:'. oceanwp_spacing_css( '', $medium_header_menu_items_right_padding, '', $medium_header_menu_items_left_padding ) .'}';
}
// Tablet header padding
if ( isset( $medium_header_menu_items_tablet_right_padding ) && '' != $medium_header_menu_items_tablet_right_padding
|| isset( $medium_header_menu_items_tablet_left_padding ) && '' != $medium_header_menu_items_tablet_left_padding ) {
$css .= '@media (max-width: 768px){#site-header.medium-header #site-navigation-wrap .dropdown-menu > li > a,#site-header.medium-header .oceanwp-mobile-menu-icon a{padding:'. oceanwp_spacing_css( '', $medium_header_menu_items_tablet_right_padding, '', $medium_header_menu_items_tablet_left_padding ) .'}}';
}
// Mobile header padding
if ( isset( $medium_header_menu_items_mobile_right_padding ) && '' != $medium_header_menu_items_mobile_right_padding
|| isset( $medium_header_menu_items_mobile_left_padding ) && '' != $medium_header_menu_items_mobile_left_padding ) {
$css .= '@media (max-width: 480px){#site-header.medium-header #site-navigation-wrap .dropdown-menu > li > a,#site-header.medium-header .oceanwp-mobile-menu-icon a{padding:'. oceanwp_spacing_css( '', $medium_header_menu_items_mobile_right_padding, '', $medium_header_menu_items_mobile_left_padding ) .'}}';
}
// Add left attr if left position for medium header style
if ( 'left-menu' == $medium_header_menu_position ) {
if ( ! empty( $medium_header_menu_items_left_padding ) && '22' != $medium_header_menu_items_left_padding ) {
$css .= '#site-header.medium-header #site-navigation-wrap.left-menu #site-navigation{left:-'. $medium_header_menu_items_left_padding .'px}';
}
if ( ! empty( $medium_header_menu_items_tablet_left_padding ) ) {
$css .= '@media (max-width: 768px){#site-header.medium-header #site-navigation-wrap.left-menu #site-navigation{left:-'. $medium_header_menu_items_tablet_left_padding .'px}}';
}
if ( ! empty( $medium_header_menu_items_mobile_left_padding ) ) {
$css .= '@media (max-width: 480px){#site-header.medium-header #site-navigation-wrap.left-menu #site-navigation{left:-'. $medium_header_menu_items_mobile_left_padding .'px}}';
}
}
// Add right attr if right position for medium header style
if ( 'right-menu' == $medium_header_menu_position ) {
if ( ! empty( $medium_header_menu_items_right_padding ) && '22' != $medium_header_menu_items_right_padding ) {
$css .= '#site-header.medium-header #site-navigation-wrap.left-menu #site-navigation{right:-'. $medium_header_menu_items_right_padding .'px}';
}
if ( ! empty( $medium_header_menu_items_tablet_right_padding ) ) {
$css .= '@media (max-width: 768px){#site-header.medium-header #site-navigation-wrap.left-menu #site-navigation{right:-'. $medium_header_menu_items_tablet_right_padding .'px}}';
}
if ( ! empty( $medium_header_menu_items_mobile_right_padding ) ) {
$css .= '@media (max-width: 480px){#site-header.medium-header #site-navigation-wrap.left-menu #site-navigation{right:-'. $medium_header_menu_items_mobile_right_padding .'px}}';
}
}
// Add menu background for medium header style
if ( ! empty( $medium_header_menu_bg ) && '#f9f9f9' != $medium_header_menu_bg ) {
$css .= '#site-header.medium-header #site-navigation-wrap,#site-header.medium-header .oceanwp-mobile-menu-icon,.is-sticky #site-header.medium-header.is-transparent #site-navigation-wrap,.is-sticky #site-header.medium-header.is-transparent .oceanwp-mobile-menu-icon,#site-header.medium-header.is-transparent .is-sticky #site-navigation-wrap,#site-header.medium-header.is-transparent .is-sticky .oceanwp-mobile-menu-icon{background-color:'. $medium_header_menu_bg .';}';
}
// Add search background for medium header style
if ( ! empty( $medium_header_search_bg ) && '#f5f5f5' != $medium_header_search_bg ) {
$css .= '#site-header.medium-header #medium-searchform .search-bg{background-color:'. $medium_header_search_bg .';}';
}
// Add search color for medium header style
if ( ! empty( $medium_header_search_color ) && '#333333' != $medium_header_search_color ) {
$css .= '#site-header.medium-header #medium-searchform input{color:'. $medium_header_search_color .';}';
}
// Add search label color for medium header style
if ( ! empty( $medium_header_search_placeholder_color ) && '#333333' != $medium_header_search_placeholder_color ) {
$css .= '#site-header.medium-header #medium-searchform label{color:'. $medium_header_search_placeholder_color .';}';
}
// Add search button color for medium header style
if ( ! empty( $medium_header_search_button_color ) && '#333333' != $medium_header_search_button_color ) {
$css .= '#site-header.medium-header #medium-searchform button{color:'. $medium_header_search_button_color .';}';
}
// Add search button hover color for medium header style
if ( ! empty( $medium_header_search_button_hover_color ) && '#13aff0' != $medium_header_search_button_hover_color ) {
$css .= '#site-header.medium-header #medium-searchform button:hover{color:'. $medium_header_search_button_hover_color .';}';
}
}
// Vertical header padding
if ( 'vertical' == $header_style ) {
// Collapse width
if ( ! empty( $vertical_header_collapse_width ) && '1280' != $vertical_header_collapse_width ) {
$css .= '@media only screen and (max-width: '. $vertical_header_collapse_width .'px) {
body.vertical-header-style.left-header #site-header.vertical-header {left: -266px;}
body.vertical-header-style.left-header #outer-wrap {margin-left: 34px;}
body.vertical-header-style.right-header #site-header.vertical-header {right: -266px;}
body.vertical-header-style.right-header #outer-wrap {margin-right: 34px;}
body.vertical-header-style.vh-opened.left-header #site-header.vertical-header {left: 0;}
body.vertical-header-style.vh-opened.right-header #site-header.vertical-header {right: 0;}
body.vertical-header-style.vh-opened #site-header.vertical-header #site-navigation-wrap {padding-right: 0;}
#site-header.vertical-header .vertical-toggle { display: block; }
#site-header.vertical-header #site-navigation-wrap { padding-right: 34px; }
}';
}
// Width
if ( ! empty( $vertical_header_width ) && '300' != $vertical_header_width ) {
$css .= '#site-header.vertical-header{width:'. $vertical_header_width .'px;}';
// Wrap margin if left header
if ( ! empty( $vertical_header_width ) && '300' != $vertical_header_width && 'left-header' == get_theme_mod( 'ocean_vertical_header_position', 'left-header' ) ) {
$css .= 'body.vertical-header-style.left-header #outer-wrap {margin-left:'. $vertical_header_width .'px;}';
}
// Wrap margin if right header
if ( ! empty( $vertical_header_width ) && '300' != $vertical_header_width && 'right-header' == get_theme_mod( 'ocean_vertical_header_position', 'left-header' ) ) {
$css .= 'body.vertical-header-style.right-header #outer-wrap {margin-right:'. $vertical_header_width .'px;}';
}
// If closed header
$css .= '
body.vertical-header-style.vh-closed.left-header #site-header.vertical-header {left: -'. $vertical_header_width .'px;}
body.vertical-header-style.vh-closed.left-header #outer-wrap {margin-left: 34px;}
body.vertical-header-style.vh-closed.right-header #site-header.vertical-header {right: -'. $vertical_header_width .'px;}
body.vertical-header-style.vh-closed.right-header #outer-wrap {margin-right: 34px;}';
// For small screens
$vh_width_minus = $vertical_header_width - 34;
if ( ! empty( $vertical_header_collapse_width ) ) {
$media_width = $vertical_header_collapse_width;
} else {
$media_width = '1280';
}
$css .= '@media only screen and (max-width: '. $media_width .'px) {
body.vertical-header-style.left-header #site-header.vertical-header {left: -'. $vh_width_minus .'px;}
body.vertical-header-style.left-header #outer-wrap {margin-left: 34px;}
body.vertical-header-style.right-header #site-header.vertical-header {right: -'. $vh_width_minus .'px;}
body.vertical-header-style.right-header #outer-wrap {margin-right: 34px;}
}';
}
// Vertical header top/bottom padding
if ( isset( $vertical_header_inner_top_padding ) && '30' != $vertical_header_inner_top_padding && '' != $vertical_header_inner_top_padding
|| isset( $vertical_header_inner_bottom_padding ) && '30' != $vertical_header_inner_bottom_padding && '' != $vertical_header_inner_bottom_padding ) {
$css .= '#site-header.vertical-header #site-header-inner{padding:'. oceanwp_spacing_css( $vertical_header_inner_top_padding, '', $vertical_header_inner_bottom_padding, '' ) .'}';
}
// Vertical header left/right padding
if ( isset( $vertical_header_inner_right_padding ) && '30' != $vertical_header_inner_right_padding && '' != $vertical_header_inner_right_padding
|| isset( $vertical_header_inner_left_padding ) && '30' != $vertical_header_inner_left_padding && '' != $vertical_header_inner_left_padding ) {
$css .= '#site-header.vertical-header #site-header-inner>*:not(#site-navigation-wrap), #site-header.vertical-header #site-navigation-wrap .dropdown-menu > li > a{padding:'. oceanwp_spacing_css( '', $vertical_header_inner_right_padding, '', $vertical_header_inner_left_padding ) .'}';
}
// Tablet vertical header padding
if ( isset( $tablet_vertical_header_inner_top_padding ) && '' != $tablet_vertical_header_inner_top_padding
|| isset( $tablet_vertical_header_inner_right_padding ) && '' != $tablet_vertical_header_inner_right_padding
|| isset( $tablet_vertical_header_inner_bottom_padding ) && '' != $tablet_vertical_header_inner_bottom_padding
|| isset( $tablet_vertical_header_inner_left_padding ) && '' != $tablet_vertical_header_inner_left_padding ) {
$css .= '@media (max-width: 768px){#site-header-inner{padding:'. oceanwp_spacing_css( $tablet_vertical_header_inner_top_padding, $tablet_vertical_header_inner_right_padding, $tablet_vertical_header_inner_bottom_padding, $tablet_vertical_header_inner_left_padding ) .'}}';
}
// Mobile vertical header padding
if ( isset( $mobile_vertical_header_inner_top_padding ) && '' != $mobile_vertical_header_inner_top_padding
|| isset( $mobile_vertical_header_inner_right_padding ) && '' != $mobile_vertical_header_inner_right_padding
|| isset( $mobile_vertical_header_inner_bottom_padding ) && '' != $mobile_vertical_header_inner_bottom_padding
|| isset( $mobile_vertical_header_inner_left_padding ) && '' != $mobile_vertical_header_inner_left_padding ) {
$css .= '@media (max-width: 480px){#site-header-inner{padding:'. oceanwp_spacing_css( $mobile_vertical_header_inner_top_padding, $mobile_vertical_header_inner_right_padding, $mobile_vertical_header_inner_bottom_padding, $mobile_vertical_header_inner_left_padding ) .'}}';
}
// Menu items padding
if ( ! empty( $vertical_header_menu_items_padding ) && '17' != $vertical_header_menu_items_padding ) {
$css .= '#site-header.vertical-header #site-navigation-wrap .dropdown-menu > li > a{padding-top:'. $vertical_header_menu_items_padding .'px; padding-bottom:'. $vertical_header_menu_items_padding .'px;}';
}
// Menu items border color
if ( ! empty( $vertical_header_menu_items_border_color ) && 'rgba(0,0,0,0.05)' != $vertical_header_menu_items_border_color ) {
$css .= '#site-header.vertical-header #site-navigation-wrap .dropdown-menu li, #site-header.vertical-header #site-navigation-wrap .dropdown-menu .sub-menu{border-color:'. $vertical_header_menu_items_border_color .';}';
}
// Sub menu background color
if ( ! empty( $vertical_header_sub_menu_bg ) && 'rgba(0,0,0,0.03)' != $vertical_header_sub_menu_bg ) {
$css .= '#site-header.vertical-header #site-navigation-wrap .dropdown-menu .sub-menu{background-color:'. $vertical_header_sub_menu_bg .';}';
}
// Sub menu links color
if ( ! empty( $vertical_header_sub_menu_sub_menu_links_color ) && '#333333' != $vertical_header_sub_menu_sub_menu_links_color ) {
$css .= '#site-header.vertical-header .dropdown-menu ul li a.menu-link{color:'. $vertical_header_sub_menu_sub_menu_links_color .';}';
}
// Sub menu links hover color
if ( ! empty( $vertical_header_sub_menu_links_hover_color ) && '#555555' != $vertical_header_sub_menu_links_hover_color ) {
$css .= '#site-header.vertical-header .dropdown-menu ul li a.menu-link:hover{color:'. $vertical_header_sub_menu_links_hover_color .';}';
}
// Sub menu links background color
if ( ! empty( $vertical_header_sub_menu_links_bg ) ) {
$css .= '#site-header.vertical-header .dropdown-menu ul li a.menu-link{background-color:'. $vertical_header_sub_menu_links_bg .';}';
}
// Sub menu links hover background color
if ( ! empty( $vertical_header_sub_menu_links_hover_bg ) && '#f8f8f8' != $vertical_header_sub_menu_links_hover_bg ) {
$css .= '#site-header.vertical-header .dropdown-menu ul li a.menu-link:hover{background-color:'. $vertical_header_sub_menu_links_hover_bg .';}';
}
// Search top border width
if ( ! empty( $vertical_header_search_border_width ) ) {
$css .= '#site-header.vertical-header #vertical-searchform form input{border-width:'. $vertical_header_search_border_width .';}';
}
// Search border radius
if ( ! empty( $vertical_header_search_border_radius ) ) {
$css .= '#site-header.vertical-header #vertical-searchform form input, #site-header.vertical-header #vertical-searchform form .search-bg{border-radius:'. $vertical_header_search_border_radius .';}';
}
// Search Background Color
if ( ! empty( $vertical_header_search_bg ) && 'rgba(0,0,0,0.03)' != $vertical_header_search_bg ) {
$css .= '#site-header.vertical-header #vertical-searchform form .search-bg{background-color:'. $vertical_header_search_bg .';}';
}
// Search Color
if ( ! empty( $vertical_header_search_color ) && '#333333' != $vertical_header_search_color ) {
$css .= '#site-header.vertical-header #vertical-searchform form input, #site-header.vertical-header #vertical-searchform form label{color:'. $vertical_header_search_color .';}';
}
// Search border Color
if ( ! empty( $vertical_header_search_border_color ) && 'rgba(0,0,0,0.04)' != $vertical_header_search_border_color ) {
$css .= '#site-header.vertical-header #vertical-searchform form input{border-color:'. $vertical_header_search_border_color .';}';
}
// Search hover border Color
if ( ! empty( $vertical_header_search_hover_border_color ) ) {
$css .= '#site-header.vertical-header #vertical-searchform form input:hover{border-color:'. $vertical_header_search_hover_border_color .';}';
}
// Search focus border Color
if ( ! empty( $vertical_header_search_focus_border_color ) ) {
$css .= '#site-header.vertical-header #vertical-searchform form input:focus{border-color:'. $vertical_header_search_focus_border_color .';}';
}
// Search Button Color
if ( ! empty( $vertical_header_search_btn_color ) && '#777777' != $vertical_header_search_btn_color ) {
$css .= '#site-header.vertical-header #vertical-searchform form button{color:'. $vertical_header_search_btn_color .';}';
}
// Search Button Hover Color
if ( ! empty( $vertical_header_search_btn_hover_color ) && '#333333' != $vertical_header_search_btn_hover_color ) {
$css .= '#site-header.vertical-header #vertical-searchform form button:hover{color:'. $vertical_header_search_btn_hover_color .';}';
}
// Custom hamburger button color
if ( ! empty( $vertical_header_hamburger_color ) && '#000000' != $vertical_header_hamburger_color ) {
$css .= '.vertical-toggle .hamburger-inner, .vertical-toggle .hamburger-inner::before, .vertical-toggle .hamburger-inner::after{background-color:'. $vertical_header_hamburger_color .';}';
}
}
// Header media overlay color
if ( ! empty( $header_image_overlay_color ) && 'rgba(0,0,0,0.3)' != $header_image_overlay_color ) {
$css .= '#site-header.has-header-media .overlay-header-media{background-color:'. $header_image_overlay_color .';}';
}
// Header logo max width
if ( ! empty( $logo_max_width ) ) {
$css .= '#site-logo #site-logo-inner a img, #site-header.center-header #site-navigation-wrap .middle-site-logo a img{max-width:'. $logo_max_width .'px;}';
}
// Header logo max width tablet
if ( ! empty( $logo_max_width_tablet ) ) {
$css .= '@media (max-width: 768px){#site-logo #site-logo-inner a img, #site-header.center-header #site-navigation-wrap .middle-site-logo a img{max-width:'. $logo_max_width_tablet .'px;}}';
}
// Header logo max width mobile
if ( ! empty( $logo_max_width_mobile ) ) {
$css .= '@media (max-width: 480px){#site-logo #site-logo-inner a img, #site-header.center-header #site-navigation-wrap .middle-site-logo a img{max-width:'. $logo_max_width_mobile .'px;}}';
}
// Header logo max height
if ( ! empty( $logo_max_height ) ) {
$css .= '#site-header #site-logo #site-logo-inner a img, #site-header.center-header #site-navigation-wrap .middle-site-logo a img{max-height:'. $logo_max_height .'px;}';
}
// Header logo max height tablet
if ( ! empty( $logo_max_height_tablet ) ) {
$css .= '@media (max-width: 768px){#site-header #site-logo #site-logo-inner a img, #site-header.center-header #site-navigation-wrap .middle-site-logo a img{max-height:'. $logo_max_height_tablet .'px;}}';
}
// Header logo max height mobile
if ( ! empty( $logo_max_height_mobile ) ) {
$css .= '@media (max-width: 480px){#site-header #site-logo #site-logo-inner a img, #site-header.center-header #site-navigation-wrap .middle-site-logo a img{max-height:'. $logo_max_height_mobile .'px;}}';
}
// Header logo color
if ( ! empty( $logo_color ) && '#333333' != $logo_color ) {
$css .= '#site-logo a.site-logo-text{color:'. $logo_color .';}';
}
// Header logo hover color
if ( ! empty( $logo_hover_color ) && '#13aff0' != $logo_hover_color ) {
$css .= '#site-logo a.site-logo-text:hover{color:'. $logo_hover_color .';}';
}
// Responsive logo max height
if ( ! empty( $responsive_logo_height ) ) {
$css .= '#site-logo.has-responsive-logo .responsive-logo-link img{max-height:'. $responsive_logo_height .'px;}';
}
// Search dropdown input background
if ( ! empty( $search_dropdown_input_bg ) ) {
$css .= '#searchform-dropdown input{background-color:'. $search_dropdown_input_bg .';}';
}
// Search dropdown input color
if ( ! empty( $search_dropdown_input_color ) && '#333333' != $search_dropdown_input_color ) {
$css .= '#searchform-dropdown input{color:'. $search_dropdown_input_color .';}';
}
// Search dropdown input border color
if ( ! empty( $search_dropdown_input_border ) && '#dddddd' != $search_dropdown_input_border ) {
$css .= '#searchform-dropdown input{border-color:'. $search_dropdown_input_border .';}';
}
// Search dropdown input border color focus
if ( ! empty( $search_dropdown_input_border_focus ) && '#bbbbbb' != $search_dropdown_input_border_focus ) {
$css .= '#searchform-dropdown input:focus{border-color:'. $search_dropdown_input_border_focus .';}';
}
// Search overlay background color
if ( ! empty( $search_overlay_bg ) && 'rgba(0,0,0,0.9)' != $search_overlay_bg ) {
$css .= '#searchform-overlay{background-color:'. $search_overlay_bg .';}';
}
// Search overlay input color
if ( ! empty( $search_overlay_input_color ) && '#ffffff' != $search_overlay_input_color ) {
$css .= '#searchform-overlay form input, #searchform-overlay form .search-text{color:'. $search_overlay_input_color .';}';
}
// Search overlay input placeholder color
if ( ! empty( $search_overlay_placeholder_color ) && '#ffffff' != $search_overlay_placeholder_color ) {
$css .= '#searchform-overlay form label{color:'. $search_overlay_placeholder_color .';}';
}
// Search overlay input dashed background
if ( ! empty( $search_overlay_input_dashed_bg ) && '#ffffff' != $search_overlay_input_dashed_bg ) {
$css .= '#searchform-overlay form label i{background-color:'. $search_overlay_input_dashed_bg .';}';
}
// Search overlay input border color
if ( ! empty( $search_overlay_input_border ) && '#444444' != $search_overlay_input_border ) {
$css .= '#searchform-overlay form input{border-color:'. $search_overlay_input_border .';}';
}
// Search overlay input border color hover
if ( ! empty( $search_overlay_input_border_hover ) && '#777777' != $search_overlay_input_border_hover ) {
$css .= '#searchform-overlay form input:hover{border-color:'. $search_overlay_input_border_hover .';}';
}
// Search overlay input border color focus
if ( ! empty( $search_overlay_input_border_focus ) && '#ffffff' != $search_overlay_input_border_focus ) {
$css .= '#searchform-overlay form input:focus{border-color:'. $search_overlay_input_border_focus .';}';
}
// Search overlay close button color
if ( ! empty( $search_overlay_close_button_color ) && '#ffffff' != $search_overlay_close_button_color ) {
$css .= '#searchform-overlay a.search-overlay-close span::before, #searchform-overlay a.search-overlay-close span::after{background-color:'. $search_overlay_close_button_color .';}';
}
// Links effect blue color
if ( ! empty( $links_effect_blue_color ) && '#13aff0' != $links_effect_blue_color ) {
$css .= '.effect-one #site-navigation-wrap .dropdown-menu > li > a.menu-link > span:after, .effect-three #site-navigation-wrap .dropdown-menu > li > a.menu-link > span:after, .effect-five #site-navigation-wrap .dropdown-menu > li > a.menu-link > span:before, .effect-five #site-navigation-wrap .dropdown-menu > li > a.menu-link > span:after, .effect-nine #site-navigation-wrap .dropdown-menu > li > a.menu-link > span:before, .effect-nine #site-navigation-wrap .dropdown-menu > li > a.menu-link > span:after{background-color: '. $links_effect_blue_color .';}';
$css .= '.effect-four #site-navigation-wrap .dropdown-menu > li > a.menu-link > span:before, .effect-four #site-navigation-wrap .dropdown-menu > li > a.menu-link > span:after, .effect-seven #site-navigation-wrap .dropdown-menu > li > a.menu-link:hover > span:after, .effect-seven #site-navigation-wrap .dropdown-menu > li.sfHover > a.menu-link > span:after{color: '. $links_effect_blue_color .';}';
$css .= '.effect-seven #site-navigation-wrap .dropdown-menu > li > a.menu-link:hover > span:after, .effect-seven #site-navigation-wrap .dropdown-menu > li.sfHover > a.menu-link > span:after{text-shadow: 10px 0 '. $links_effect_blue_color .', -10px 0 '. $links_effect_blue_color .';}';
}
// Links effect dark color
if ( ! empty( $links_effect_dark_color ) && 'rgba(0,0,0,0.1)' != $links_effect_dark_color ) {
$css .= '.effect-two #site-navigation-wrap .dropdown-menu > li > a.menu-link > span:after, .effect-eight #site-navigation-wrap .dropdown-menu > li > a.menu-link > span:before, .effect-eight #site-navigation-wrap .dropdown-menu > li > a.menu-link > span:after{background-color: '. $links_effect_dark_color .';}';
$css .= '.effect-six #site-navigation-wrap .dropdown-menu > li > a.menu-link > span:before, .effect-six #site-navigation-wrap .dropdown-menu > li > a.menu-link > span:after{border-color: '. $links_effect_dark_color .';}';
$css .= '.effect-ten #site-navigation-wrap .dropdown-menu > li > a.menu-link:hover > span, .effect-ten #site-navigation-wrap .dropdown-menu > li.sfHover > a.menu-link > span{-webkit-box-shadow: 0 0 10px 4px '. $links_effect_dark_color .'; -moz-box-shadow: 0 0 10px 4px '. $links_effect_dark_color .'; box-shadow: 0 0 10px 4px '. $links_effect_dark_color .';}';
}
// Menu items padding
if ( ! empty( $menu_items_padding ) && '15' != $menu_items_padding ) {
$css .= '#site-navigation-wrap .dropdown-menu > li > a{padding: 0 '. $menu_items_padding .'px;}';
}
// Menu link color
if ( ! empty( $menu_link_color ) && '#555555' != $menu_link_color ) {
$css .= '#site-navigation-wrap .dropdown-menu > li > a,.oceanwp-mobile-menu-icon a,#searchform-header-replace-close{color:'. $menu_link_color .';}';
$css .= '#site-navigation-wrap .dropdown-menu > li > a .owp-icon use,.oceanwp-mobile-menu-icon a .owp-icon use,#searchform-header-replace-close .owp-icon use{stroke:'. $menu_link_color .';}';
}
// Menu link color hover
if ( ! empty( $menu_link_color_hover ) && '#13aff0' != $menu_link_color_hover ) {
$css .= '#site-navigation-wrap .dropdown-menu > li > a:hover,.oceanwp-mobile-menu-icon a:hover,#searchform-header-replace-close:hover{color:'. $menu_link_color_hover .';}';
$css .= '#site-navigation-wrap .dropdown-menu > li > a:hover .owp-icon use,.oceanwp-mobile-menu-icon a:hover .owp-icon use,#searchform-header-replace-close:hover .owp-icon use{stroke:'. $menu_link_color_hover .';}';
}
// Menu link active color
if ( ! empty( $menu_link_color_active ) && '#555555' != $menu_link_color_active ) {
$css .= '#site-navigation-wrap .dropdown-menu > .current-menu-item > a,#site-navigation-wrap .dropdown-menu > .current-menu-ancestor > a,#site-navigation-wrap .dropdown-menu > .current-menu-item > a:hover,#site-navigation-wrap .dropdown-menu > .current-menu-ancestor > a:hover{color:'. $menu_link_color_active .';}';
}
// Menu link background color
if ( ! empty( $menu_link_background ) ) {
$css .= '#site-navigation-wrap .dropdown-menu > li > a{background-color:'. $menu_link_background .';}';
}
// Menu link hover background color
if ( ! empty( $menu_link_hover_background ) ) {
$css .= '#site-navigation-wrap .dropdown-menu > li > a:hover,#site-navigation-wrap .dropdown-menu > li.sfHover > a{background-color:'. $menu_link_hover_background .';}';
}
// Menu link active background color
if ( ! empty( $menu_link_active_background ) ) {
$css .= '#site-navigation-wrap .dropdown-menu > .current-menu-item > a,#site-navigation-wrap .dropdown-menu > .current-menu-ancestor > a,#site-navigation-wrap .dropdown-menu > .current-menu-item > a:hover,#site-navigation-wrap .dropdown-menu > .current-menu-ancestor > a:hover{background-color:'. $menu_link_active_background .';}';
}
// Dropdown menu width
if ( ! empty( $dropdown_width ) && '180' != $dropdown_width ) {
$css .= '.dropdown-menu .sub-menu{min-width:'. $dropdown_width .'px;}';
}
// Dropdown menu background color
if ( ! empty( $dropdown_menu_background ) && '#ffffff' != $dropdown_menu_background ) {
$css .= '.dropdown-menu .sub-menu,#searchform-dropdown,.current-shop-items-dropdown{background-color:'. $dropdown_menu_background .';}';
}
// Dropdown menu top border color
if ( ! empty( $dropdown_menu_top_border ) && '#13aff0' != $dropdown_menu_top_border ) {
$css .= '.dropdown-menu .sub-menu,#searchform-dropdown,.current-shop-items-dropdown{border-color:'. $dropdown_menu_top_border .';}';
}
// Dropdown menu borders color
if ( ! empty( $dropdown_menu_borders ) && '#f1f1f1' != $dropdown_menu_borders ) {
$css .= '.dropdown-menu ul li.menu-item,.navigation > ul > li > ul.megamenu.sub-menu > li,.navigation .megamenu li ul.sub-menu{border-color:'. $dropdown_menu_borders .';}';
}
// Dropdown menu link color
if ( ! empty( $dropdown_menu_link_color ) && '#333333' != $dropdown_menu_link_color ) {
$css .= '.dropdown-menu ul li a.menu-link{color:'. $dropdown_menu_link_color .';}';
$css .= '.dropdown-menu ul li a.menu-link .owp-icon use{stroke:'. $dropdown_menu_link_color .';}';
}
// Dropdown menu link hover color
if ( ! empty( $dropdown_menu_link_color_hover ) && '#555555' != $dropdown_menu_link_color_hover ) {
$css .= '.dropdown-menu ul li a.menu-link:hover{color:'. $dropdown_menu_link_color_hover .';}';
$css .= '.dropdown-menu ul li a.menu-link:hover .owp-icon use{stroke:'. $dropdown_menu_link_color_hover .';}';
}
// Dropdown menu link hover background color
if ( ! empty( $dropdown_menu_link_hover_bg ) && '#f8f8f8' != $dropdown_menu_link_hover_bg ) {
$css .= '.dropdown-menu ul li a.menu-link:hover{background-color:'. $dropdown_menu_link_hover_bg .';}';
}
// Dropdown menu link active color
if ( ! empty( $dropdown_menu_link_color_active ) ) {
$css .= '.dropdown-menu ul > .current-menu-item > a.menu-link{color:'. $dropdown_menu_link_color_active .';}';
}
// Dropdown menu link active background color
if ( ! empty( $dropdown_menu_link_bg_active ) ) {
$css .= '.dropdown-menu ul > .current-menu-item > a.menu-link{background-color:'. $dropdown_menu_link_bg_active .';}';
}
// Dropdown menu link active background color
if ( ! empty( $dropdown_category_title_bg ) && '#f8f8f8' != $dropdown_category_title_bg ) {
$css .= '.navigation li.mega-cat .mega-cat-title{background-color:'. $dropdown_category_title_bg .';}';
}
// Dropdown menu link active background color
if ( ! empty( $dropdown_category_title_color ) && '#222222' != $dropdown_category_title_color ) {
$css .= '.navigation li.mega-cat .mega-cat-title{color:'. $dropdown_category_title_color .';}';
}
// Dropdown menu link active background color
if ( ! empty( $dropdown_category_links_color ) && '#555555' != $dropdown_category_links_color ) {
$css .= '.navigation li.mega-cat ul li .mega-post-title a{color:'. $dropdown_category_links_color .';}';
}
// Dropdown menu link active background color
if ( ! empty( $dropdown_category_links_hover_color ) && '#333333' != $dropdown_category_links_hover_color ) {
$css .= '.navigation li.mega-cat ul li .mega-post-title a:hover{color:'. $dropdown_category_links_hover_color .';}';
}
// Dropdown menu link active background color
if ( ! empty( $dropdown_category_date_color ) && '#bbbbbb' != $dropdown_category_date_color ) {
$css .= '.navigation li.mega-cat ul li .mega-post-date{color:'. $dropdown_category_date_color .';}';
$css .= '.navigation li.mega-cat ul li .mega-post-date .owp-icon use{stroke:'. $dropdown_category_date_color .';}';
}
// Add social menu font size
if ( ! empty( $menu_social_font_size ) ) {
$css .= '.oceanwp-social-menu ul li a,.oceanwp-social-menu .colored ul li a,.oceanwp-social-menu .minimal ul li a,.oceanwp-social-menu .dark ul li a{font-size:'. $menu_social_font_size .'px;}';
$css .= '.oceanwp-social-menu ul li a .owp-icon,.oceanwp-social-menu .colored ul li a .owp-icon,.oceanwp-social-menu .minimal ul li a .owp-icon,.oceanwp-social-menu .dark ul li a .owp-icon{width:'. $menu_social_font_size .'px; height:'. $menu_social_font_size .'px;}';
}
// Add social menu tablet font size
if ( ! empty( $menu_social_tablet_font_size ) ) {
$css .= '@media (max-width: 768px){.oceanwp-social-menu ul li a,.oceanwp-social-menu .colored ul li a,.oceanwp-social-menu .minimal ul li a,.oceanwp-social-menu .dark ul li a,.sidr-class-social-menu-inner ul li a{font-size:'. $menu_social_tablet_font_size .'px;}}';
$css .= '@media (max-width: 768px){.oceanwp-social-menu ul li a .owp-icon,.oceanwp-social-menu .colored ul li a .owp-icon,.oceanwp-social-menu .minimal ul li a .owp-icon,.oceanwp-social-menu .dark ul li a .owp-icon{width:'. $menu_social_tablet_font_size .'px; height:'. $menu_social_tablet_font_size .'px;}}';
}
// Add social menu mobile font size
if ( ! empty( $menu_social_mobile_font_size ) ) {
$css .= '@media (max-width: 480px){.oceanwp-social-menu ul li a,.oceanwp-social-menu .colored ul li a,.oceanwp-social-menu .minimal ul li a,.oceanwp-social-menu .dark ul li a,.sidr-class-social-menu-inner ul li a{font-size:'. $menu_social_mobile_font_size .'px;}}';
$css .= '@media (max-width: 480px){.oceanwp-social-menu ul li a .owp-icon,.oceanwp-social-menu .colored ul li a .owp-icon,.oceanwp-social-menu .minimal ul li a .owp-icon,.oceanwp-social-menu .dark ul li a .owp-icon{width:'. $menu_social_mobile_font_size .'px; height:'. $menu_social_mobile_font_size .'px;}}';
}
// Social menu padding
if ( isset( $menu_social_top_padding ) && '' != $menu_social_top_padding
|| isset( $menu_social_right_padding ) && '' != $menu_social_right_padding
|| isset( $menu_social_bottom_padding ) && '' != $menu_social_bottom_padding
|| isset( $menu_social_left_padding ) && '' != $menu_social_left_padding ) {
$css .= '.oceanwp-social-menu ul li a{padding:'. oceanwp_spacing_css( $menu_social_top_padding, $menu_social_right_padding, $menu_social_bottom_padding, $menu_social_left_padding ) .'}';
}
// Tablet social menu padding
if ( isset( $menu_social_tablet_top_padding ) && '' != $menu_social_tablet_top_padding
|| isset( $menu_social_tablet_right_padding ) && '' != $menu_social_tablet_right_padding
|| isset( $menu_social_tablet_bottom_padding ) && '' != $menu_social_tablet_bottom_padding
|| isset( $menu_social_tablet_left_padding ) && '' != $menu_social_tablet_left_padding ) {
$css .= '@media (max-width: 768px){.oceanwp-social-menu ul li a{padding:'. oceanwp_spacing_css( $menu_social_tablet_top_padding, $menu_social_tablet_right_padding, $menu_social_tablet_bottom_padding, $menu_social_tablet_left_padding ) .'}}';
}
// Mobile social menu padding
if ( isset( $menu_social_mobile_top_padding ) && '' != $menu_social_mobile_top_padding
|| isset( $menu_social_mobile_right_padding ) && '' != $menu_social_mobile_right_padding
|| isset( $menu_social_mobile_bottom_padding ) && '' != $menu_social_mobile_bottom_padding
|| isset( $menu_social_mobile_left_padding ) && '' != $menu_social_mobile_left_padding ) {
$css .= '@media (max-width: 480px){.oceanwp-social-menu ul li a{padding:'. oceanwp_spacing_css( $menu_social_mobile_top_padding, $menu_social_mobile_right_padding, $menu_social_mobile_bottom_padding, $menu_social_mobile_left_padding ) .'}}';
}
// Social menu padding
if ( isset( $menu_social_right_margin ) && '' != $menu_social_right_margin
|| isset( $menu_social_left_margin ) && '' != $menu_social_left_margin ) {
$css .= '.oceanwp-social-menu ul li a{margin:'. oceanwp_spacing_css( '', $menu_social_right_margin, '', $menu_social_left_margin ) .'}';
}
// Tablet social menu padding
if ( isset( $menu_social_tablet_right_margin ) && '' != $menu_social_tablet_right_margin
|| isset( $menu_social_tablet_left_margin ) && '' != $menu_social_tablet_left_margin ) {
$css .= '@media (max-width: 768px){.oceanwp-social-menu ul li a{margin:'. oceanwp_spacing_css( '', $menu_social_tablet_right_margin, '', $menu_social_tablet_left_margin ) .'}}';
}
// Mobile social menu padding
if ( isset( $menu_social_mobile_right_margin ) && '' != $menu_social_mobile_right_margin
|| isset( $menu_social_mobile_left_margin ) && '' != $menu_social_mobile_left_margin ) {
$css .= '@media (max-width: 480px){.oceanwp-social-menu ul li a{margin:'. oceanwp_spacing_css( '', $menu_social_mobile_right_margin, '', $menu_social_mobile_left_margin ) .'}}';
}
// Social menu links border radius
if ( ! empty( $menu_social_border_radius ) ) {
$css .= '.oceanwp-social-menu ul li a{border-radius:'. $menu_social_border_radius .';}';
}
// Social menu links background color
if ( ! empty( $menu_social_links_bg ) ) {
$css .= '.oceanwp-social-menu.simple-social ul li a{background-color:'. $menu_social_links_bg .';}';
}
// Social menu links background color
if ( ! empty( $menu_social_hover_links_bg ) ) {
$css .= '.oceanwp-social-menu.simple-social ul li a:hover{background-color:'. $menu_social_hover_links_bg .';}';
}
// Social menu links color
if ( ! empty( $menu_social_links_color ) ) {
$css .= '.oceanwp-social-menu.simple-social ul li a{color:'. $menu_social_links_color .';}';
$css .= '.oceanwp-social-menu.simple-social ul li a .owp-icon use{stroke:'. $menu_social_links_color .';}';
}
// social menu links hover color
if ( ! empty( $menu_social_hover_links_color ) ) {
$css .= '.oceanwp-social-menu.simple-social ul li a:hover{color:'. $menu_social_hover_links_color .'!important;}';
$css .= '.oceanwp-social-menu.simple-social ul li a:hover .owp-icon use{stroke:'. $menu_social_hover_links_color .'!important;}';
}
// Mobile menu breakpoint
if ( ! empty( $mobile_menu_breakpoint ) && '959' != $mobile_menu_breakpoint ) {
if ( 'custom' == $mobile_menu_breakpoint && ! empty( $mobile_menu_custom_breakpoint ) && '959' != $mobile_menu_custom_breakpoint ) {
$mobile_menu_breakpoint = $mobile_menu_custom_breakpoint;
}
$css .= '@media (max-width: '. $mobile_menu_breakpoint .'px) {
#top-bar-nav, #site-navigation-wrap, .oceanwp-social-menu, .after-header-content {display: none;}
.center-logo #site-logo { float: none; position: absolute; left: 50%; padding: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
#site-header.center-header #site-logo, .oceanwp-mobile-menu-icon, #oceanwp-cart-sidebar-wrap {display: block;}
body.vertical-header-style #outer-wrap {margin: 0 !important;}
#site-header.vertical-header { position: relative; width: 100%; left: 0 !important; right: 0 !important; }
#site-header.vertical-header .has-template > #site-logo { display: block; }
#site-header.vertical-header #site-header-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center;
align-items: center; padding: 0; max-width: 90%; }
#site-header.vertical-header #site-header-inner > *:not(.oceanwp-mobile-menu-icon) { display: none; }
#site-header.vertical-header #site-header-inner > * { padding: 0 !important; }
#site-header.vertical-header #site-header-inner #site-logo { display: block; margin: 0; width: 50%; text-align: left; }
body.rtl #site-header.vertical-header #site-header-inner #site-logo { text-align: right; }
#site-header.vertical-header #site-header-inner .oceanwp-mobile-menu-icon { width: 50%; text-align: right; }
body.rtl #site-header.vertical-header #site-header-inner .oceanwp-mobile-menu-icon { text-align: left; }
#site-header.vertical-header .vertical-toggle, body.vertical-header-style.vh-closed #site-header.vertical-header .vertical-toggle { display: none; }
#site-logo.has-responsive-logo .custom-logo-link { display: none; }
#site-logo.has-responsive-logo .responsive-logo-link { display: block; }
.is-sticky #site-logo.has-sticky-logo .responsive-logo-link { display: none; }
.is-sticky #site-logo.has-responsive-logo .sticky-logo-link { display: block; }
#top-bar.has-no-content #top-bar-social.top-bar-left, #top-bar.has-no-content #top-bar-social.top-bar-right {position: inherit; left: auto; right: auto; float: none; height: auto; line-height: 1.5em; margin-top: 0; text-align: center;}
#top-bar.has-no-content #top-bar-social li {float: none; display: inline-block;}
.owp-cart-overlay, #side-panel-wrap a.side-panel-btn { display: none !important; }
}';
// Add mobile header height
if ( ( 'top' != $header_style && 'medium' != $header_style ) && ! empty( $mobile_header_height ) ) {
if ( 'custom' != $header_style ) {
$css .= '@media (max-width: '. $mobile_menu_breakpoint .'px) {#site-logo #site-logo-inner{height:'. $mobile_header_height .'px;}}';
}
$css .= '@media (max-width: '. $mobile_menu_breakpoint .'px) {.oceanwp-mobile-menu-icon a{line-height:'. $mobile_header_height .'px;}}';
}
}
// Custom hamburger mobile menu button color
if ( 'default' != get_theme_mod( 'ocean_mobile_menu_open_hamburger', 'default' ) && ! empty( $mobile_menu_open_hamburger_color ) ) {
$css .= '.mobile-menu .hamburger-inner, .mobile-menu .hamburger-inner::before, .mobile-menu .hamburger-inner::after{background-color:'. $mobile_menu_open_hamburger_color .';}';
}
// Drop down mobile menu max height
if ( 'dropdown' == $mobile_style && ! empty( $dropdown_mobile_menu_max_height ) && '400' != $dropdown_mobile_menu_max_height ) {
$css .= '#mobile-dropdown{max-height:'. $dropdown_mobile_menu_max_height .'px;}';
}
// Mobile menu sidr close button background
if ( ! empty( $mobile_menu_sidr_close_button_bg ) && '#f8f8f8' != $mobile_menu_sidr_close_button_bg ) {
$css .= 'a.sidr-class-toggle-sidr-close{background-color:'. $mobile_menu_sidr_close_button_bg .';}';
}
// Mobile menu background
if ( ! empty( $mobile_menu_sidr_background ) && '#ffffff' != $mobile_menu_sidr_background ) {
$css .= '#sidr, #mobile-dropdown{background-color:'. $mobile_menu_sidr_background .';}';
}
// Full screen mobile menu background
if ( 'fullscreen' == $mobile_style && ! empty( $full_screen_mobile_menu_bg ) && 'rgba(0,0,0,0.9)' != $full_screen_mobile_menu_bg ) {
$css .= '#mobile-fullscreen{background-color:'. $full_screen_mobile_menu_bg .';}';
}
// Mobile menu borders color
if ( ! empty( $mobile_menu_sidr_borders ) && 'rgba(0,0,0,0.035)' != $mobile_menu_sidr_borders ) {
$css .= '#sidr li, #sidr ul, #mobile-dropdown ul li, #mobile-dropdown ul li ul{border-color:'. $mobile_menu_sidr_borders .';}';
}
// Mobile menu links color
if ( ! empty( $mobile_menu_links ) && '#555555' != $mobile_menu_links ) {
$css .= 'body .sidr a, body .sidr-class-dropdown-toggle, #mobile-dropdown ul li a, #mobile-dropdown ul li a .dropdown-toggle, #mobile-fullscreen ul li a, #mobile-fullscreen .oceanwp-social-menu.simple-social ul li a{color:'. $mobile_menu_links .';}';
$css .= '#mobile-fullscreen a.close .close-icon-inner, #mobile-fullscreen a.close .close-icon-inner::after{background-color:'. $mobile_menu_links .';}';
}
// Mobile menu links hover color
if ( ! empty( $mobile_menu_links_hover ) && '#13aff0' != $mobile_menu_links_hover ) {
$css .= 'body .sidr a:hover, body .sidr-class-dropdown-toggle:hover, body .sidr-class-dropdown-toggle .fa, body .sidr-class-menu-item-has-children.active > a, body .sidr-class-menu-item-has-children.active > a > .sidr-class-dropdown-toggle, #mobile-dropdown ul li a:hover, #mobile-dropdown ul li a .dropdown-toggle:hover, #mobile-dropdown .menu-item-has-children.active > a, #mobile-dropdown .menu-item-has-children.active > a > .dropdown-toggle, #mobile-fullscreen ul li a:hover, #mobile-fullscreen .oceanwp-social-menu.simple-social ul li a:hover{color:'. $mobile_menu_links_hover .';}';
$css .= '#mobile-fullscreen a.close:hover .close-icon-inner, #mobile-fullscreen a.close:hover .close-icon-inner::after{background-color:'. $mobile_menu_links_hover .';}';
}
// Mobile menu links background color
if ( 'fullscreen' == $mobile_style && ! empty( $full_screen_mobile_menu_links_bg ) ) {
$css .= '#mobile-fullscreen ul > li > a{background-color:'. $full_screen_mobile_menu_links_bg .';}';
}
// Mobile menu links hover background color
if ( 'fullscreen' == $mobile_style && ! empty( $full_screen_mobile_menu_links_hover_bg ) ) {
$css .= '#mobile-fullscreen ul > li > a:hover{background-color:'. $full_screen_mobile_menu_links_hover_bg .';}';
}
// Mobile menu dropdowns background color
if ( ! empty( $mobile_menu_sidr_dropdowns_bg ) && 'rgba(0,0,0,0.02)' != $mobile_menu_sidr_dropdowns_bg ) {
$css .= '.sidr-class-dropdown-menu ul, #mobile-dropdown ul li ul, #mobile-fullscreen ul ul.sub-menu{background-color:'. $mobile_menu_sidr_dropdowns_bg .';}';
}
// Mobile menu search background color
if ( ! empty( $mobile_menu_sidr_search_bg ) ) {
$css .= 'body .sidr-class-mobile-searchform input, #mobile-dropdown #mobile-menu-search form input{background-color:'. $mobile_menu_sidr_search_bg .';}';
}
// Mobile menu search background color
if ( ! empty( $mobile_menu_sidr_search_color ) && '#333333' != $mobile_menu_sidr_search_color ) {
$css .= 'body .sidr-class-mobile-searchform input,body .sidr-class-mobile-searchform input:focus, #mobile-dropdown #mobile-menu-search form input, #mobile-fullscreen #mobile-search input, #mobile-fullscreen #mobile-search .search-text{color:'. $mobile_menu_sidr_search_color .';}';
}
// Mobile menu search border color
if ( ! empty( $mobile_menu_sidr_search_border_color ) && '#dddddd' != $mobile_menu_sidr_search_border_color ) {
$css .= 'body .sidr-class-mobile-searchform input, #mobile-dropdown #mobile-menu-search form input, #mobile-fullscreen #mobile-search input{border-color:'. $mobile_menu_sidr_search_border_color .';}';
}
// Full screen mobile menu search hover border color
if ( 'fullscreen' == $mobile_style && ! empty( $full_screen_mobile_menu_search_border_color_hover ) && '#ffffff' != $full_screen_mobile_menu_search_border_color_hover ) {
$css .= '#mobile-fullscreen #mobile-search input:hover{border-color:'. $full_screen_mobile_menu_search_border_color_hover .';}';
}
// Mobile menu search focus border color
if ( ! empty( $mobile_menu_sidr_search_border_color_focus ) && '#bbbbbb' != $mobile_menu_sidr_search_border_color_focus ) {
$css .= 'body .sidr-class-mobile-searchform input:focus, #mobile-dropdown #mobile-menu-search form input:focus, #mobile-fullscreen #mobile-search input:focus{border-color:'. $mobile_menu_sidr_search_border_color_focus .';}';
}
// Mobile menu search border color
if ( ! empty( $mobile_menu_sidr_search_button_color ) && '#555555' != $mobile_menu_sidr_search_button_color ) {
$css .= '.sidr-class-mobile-searchform button, #mobile-dropdown #mobile-menu-search form button{color:'. $mobile_menu_sidr_search_button_color .';}';
$css .= '.sidr-class-mobile-searchform button .owp-icon use, #mobile-dropdown #mobile-menu-search form button .owp-icon use{stroke:'. $mobile_menu_sidr_search_button_color .';}';
}
// Mobile menu search border color
if ( ! empty( $mobile_menu_sidr_search_button_hover_color ) && '#222222' != $mobile_menu_sidr_search_button_hover_color ) {
$css .= '.sidr-class-mobile-searchform button:hover, #mobile-dropdown #mobile-menu-search form button:hover{color:'. $mobile_menu_sidr_search_button_hover_color .';}';
$css .= '.sidr-class-mobile-searchform button:hover .owp-icon use, #mobile-dropdown #mobile-menu-search form button:hover .owp-icon use{stroke:'. $mobile_menu_sidr_search_button_hover_color .';}';
}
// Search dropdown input background
if ( ! empty( $mobile_search_dropdown_input_bg ) ) {
$css .= '#icon-searchform-dropdown input{background-color:'. $mobile_search_dropdown_input_bg .';}';
}
// Search dropdown input color
if ( ! empty( $mobile_search_dropdown_input_color ) && '#333333' != $mobile_search_dropdown_input_color ) {
$css .= '#icon-searchform-dropdown input{color:'. $mobile_search_dropdown_input_color .';}';
}
// Search dropdown input border color
if ( ! empty( $mobile_search_dropdown_input_border ) && '#dddddd' != $mobile_search_dropdown_input_border ) {
$css .= '#icon-searchform-dropdown input{border-color:'. $mobile_search_dropdown_input_border .';}';
}
// Search dropdown input border color focus
if ( ! empty( $mobile_search_dropdown_input_border_focus ) && '#bbbbbb' != $mobile_search_dropdown_input_border_focus ) {
$css .= '#icon-searchform-dropdown input:focus{border-color:'. $mobile_search_dropdown_input_border_focus .';}';
}
// Search overlay background color
if ( ! empty( $mobile_search_overlay_bg ) && 'rgba(0,0,0,0.9)' != $mobile_search_overlay_bg ) {
$css .= '#icon-searchform-overlay{background-color:'. $mobile_search_overlay_bg .';}';
}
// Search overlay input color
if ( ! empty( $mobile_search_overlay_input_color ) && '#ffffff' != $mobile_search_overlay_input_color ) {
$css .= '#icon-searchform-overlay form input, #icon-searchform-overlay form .search-text{color:'. $mobile_search_overlay_input_color .';}';
}
// Search overlay input placeholder color
if ( ! empty( $mobile_search_overlay_placeholder_color ) && '#ffffff' != $mobile_search_overlay_placeholder_color ) {
$css .= '#icon-searchform-overlay form .search-text{color:'. $mobile_search_overlay_placeholder_color .';}';
}
// Search overlay input dashed background
if ( ! empty( $mobile_search_overlay_input_dashed_bg ) && '#ffffff' != $mobile_search_overlay_input_dashed_bg ) {
$css .= '#icon-searchform-overlay form .search-text i{background-color:'. $mobile_search_overlay_input_dashed_bg .';}';
}
// Search overlay input border color
if ( ! empty( $mobile_search_overlay_input_border ) && '#444444' != $mobile_search_overlay_input_border ) {
$css .= '#icon-searchform-overlay form input{border-color:'. $mobile_search_overlay_input_border .';}';
}
// Search overlay input border color hover
if ( ! empty( $mobile_search_overlay_input_border_hover ) && '#777777' != $mobile_search_overlay_input_border_hover ) {
$css .= '#icon-searchform-overlay form input:hover{border-color:'. $mobile_search_overlay_input_border_hover .';}';
}
// Search overlay input border color focus
if ( ! empty( $mobile_search_overlay_input_border_focus ) && '#ffffff' != $mobile_search_overlay_input_border_focus ) {
$css .= '#icon-searchform-overlay form input:focus{border-color:'. $mobile_search_overlay_input_border_focus .';}';
}
// Search overlay close button color
if ( ! empty( $mobile_search_overlay_close_button_color ) && '#ffffff' != $mobile_search_overlay_close_button_color ) {
$css .= '#icon-searchform-overlay a.search-overlay-close span::before, #icon-searchform-overlay a.search-overlay-close span::after{background-color:'. $search_mobile_overlay_close_button_color .';}';
}
// Return CSS
if ( ! empty( $css ) ) {
$output .= '/* Header CSS */'. $css;
}
// Return output css
return $output;
}
/**
* Get header image CSS
*
* @since 1.0.0
*/
public static function header_image_css( $output ) {
// Global vars
$header_image = get_header_image();
$header_image_position = get_theme_mod( 'ocean_header_image_position' );
$header_image_attachment = get_theme_mod( 'ocean_header_image_attachment' );
$header_image_repeat = get_theme_mod( 'ocean_header_image_repeat' );
$header_image_size = get_theme_mod( 'ocean_header_image_size' );
// Define css var
$css = '';
// Get site background image
if ( ! empty( $header_image ) ) {
$css .= 'background-image:url('. $header_image .');';
}
// Get site background position
if ( ! empty( $header_image_position ) && 'initial' != $header_image_position ) {
$css .= 'background-position:'. $header_image_position .';';
}
// Get site background attachment
if ( ! empty( $header_image_attachment ) && 'initial' != $header_image_attachment ) {
$css .= 'background-attachment:'. $header_image_attachment .';';
}
// Get site background repeat
if ( ! empty( $header_image_repeat ) && 'initial' != $header_image_repeat ) {
$css .= 'background-repeat:'. $header_image_repeat .';';
}
// Get site background size
if ( ! empty( $header_image_size ) && 'initial' != $header_image_size ) {
$css .= 'background-size:'. $header_image_size .';';
}
// Return CSS
if ( has_header_image() && ! empty( $css ) ) {
$output .= '/* Header Image CSS */#site-header{'. $css .'}';
}
// Return output css
return $output;
}
}
endif;
return new OceanWP_Header_Customizer(); |