: str_replace(): Passing null to parameter #2 ($replace) of type array|string is deprecated in
'option_category' => 'font_option',
'tab_slug' => 'advanced',
'toggle_slug' => 'submenu_collapse_style',
'allowed_units' => array( '%', 'em', 'rem', 'px', 'cm', 'mm', 'in', 'pt', 'pc', 'ex', 'vh', 'vw' ),
'range_settings' => array(
'mobile_options' => true,
'submenu_collapse' => 'on',
'submenu_arrow_font_size' => array(
'label' => esc_html__( 'Arrow Font Size', 'dsm-supreme-modules-for-divi' ),
'description' => esc_html__( 'Control the size of the icon by increasing or decreasing the font size.', 'dsm-supreme-modules-for-divi' ),
'option_category' => 'font_option',
'tab_slug' => 'advanced',
'toggle_slug' => 'submenu_collapse_style',
'default_on_front' => '',
'allowed_units' => array( '%', 'em', 'rem', 'px', 'cm', 'mm', 'in', 'pt', 'pc', 'ex', 'vh', 'vw' ),
'range_settings' => array(
'mobile_options' => true,
'depends_show_if' => 'on',
'submenu_collapse' => 'on',
'computed_callback' => array( 'DSM_NavMenu', 'get_dsm_navmenu' ),
'computed_depends_on' => array(
* Add the class with page ID to menu item so it can be easily found by ID in Frontend Builder
* @return menu item object
static function modify_dsm_menu_item( $menu_item ) {
// Since PHP 7.1 silent conversion to array is no longer supported.
$menu_item->classes = (array) $menu_item->classes;
if ( esc_url( home_url( '/' ) ) === $menu_item->url ) {
$fw_menu_custom_class = 'et_pb_menu_page_id-home';
$fw_menu_custom_class = 'et_pb_menu_page_id-' . $menu_item->object_id;
$menu_item->classes[] = $fw_menu_custom_class;
* Get fullwidth menu markup for fullwidth menu module
* @return string of fullwidth menu markup
static function get_dsm_navmenu( $args = array() ) {
'menu_animation_type' => '',
'underline_animation' => '',
'submenu_collapse' => '',
'use_schema_markup' => '',
// modify the menu item to include the required data.
'nav_menu_link_attributes',
$atts['itemprop'] = 'url';
if ( 'on' === $args['use_schema_markup'] ) {
add_filter( 'wp_setup_nav_menu_item', array( 'DSM_NavMenu', 'modify_dsm_menu_item' ) );
if ( 'on' === $args['submenu_collapse'] ) {
add_filter( 'walker_nav_menu_start_el', array( 'DSM_NavMenu', 'dsm_arrows_in_menus' ), 10, 4 );
$args = wp_parse_args( $args, $defaults );
'<nav class="dsm-menu-container"%1$s%2$s%3$s>',
'on' === $args['use_schema_markup'] ? esc_attr( ' role=navigation' ) : '',
'on' === $args['use_schema_markup'] ? esc_attr( ' itemscope' ) : '',
'on' === $args['use_schema_markup'] ? esc_attr( ' itemtype=http://schema.org/SiteNavigationElement' ) : ''
$menu_class = 'dsm-menu';
if ( ! et_is_builder_plugin_active() && 'on' === et_get_option( 'divi_disable_toptier' ) ) {
$menu_class .= ' et_disable_top_tier';
$menu_class .= sprintf( ' %s', esc_attr( 'dsm-menu-style-type-' . $args['list_style_type'] ) );
$menu_class .= sprintf( ' %s', esc_attr( 'dsm-menu-layout-' . $args['menu_layout'] ) );
$menu_class .= ( 'on' === $args['menu_animation'] ? sprintf( ' %s', esc_attr( 'dsm-menu-animation dsm-menu-animation-' . $args['underline_animation'] ) ) : '' );
$menu_class .= ( 'on' === $args['submenu_collapse'] ? sprintf( ' %s', esc_attr( 'dsm-menu-submenu-collapse' ) ) : '' );
'theme_location' => 'primary-menu',
'link_before' => '<span itemprop="name">',
'link_after' => '</span>',
'menu_class' => $menu_class,
if ( '' !== $args['menu_id'] ) {
$menu_args['menu'] = (int) $args['menu_id'];
$primary_nav = wp_nav_menu( apply_filters( 'dsm_menu_args', $menu_args ) );
if ( empty( $primary_nav ) ) {
( ! et_is_builder_plugin_active() && 'on' === et_get_option( 'divi_home_link' )
'<li%1$s><a href="%2$s"%4$s><span%5$s>%3$s</span></a></li>',
( is_home() ? ' class="current_page_item"' : '' ),
esc_url( home_url( '/' ) ),
esc_html__( 'Home', 'dsm-supreme-modules-for-divi' ),
'on' === $args['use_schema_markup'] ? esc_attr( ' itemprop=url' ) : '',
'on' === $args['use_schema_markup'] ? esc_attr( ' itemprop=name' ) : ''
// @todo: check if Fullwidth Menu module works fine with no menu selected in settings
if ( et_is_builder_plugin_active() ) {
show_page_menu( $menu_class, false, false );
show_categories_menu( $menu_class, false );
$menu .= ob_get_contents();
remove_filter( 'wp_setup_nav_menu_item', array( 'DSM_NavMenu', 'modify_dsm_menu_item' ) );
if ( 'on' === $args['submenu_collapse'] ) {
remove_filter( 'walker_nav_menu_start_el', array( 'DSM_NavMenu', 'dsm_arrows_in_menus' ) );
public function get_transition_fields_css_props() {
$fields = parent::get_transition_fields_css_props();
$fields['title_bottom_gap'] = array(
'padding-bottom' => '%%order_class%% .dsm-menu-title',
$fields['list_style_color'] = array(
'color' => '%%order_class%% ul.dsm-menu li',
$fields['menu_link_text_color'] = array(
'color' => '%%order_class%% ul.dsm-menu li a',
$fields['menu_space_between'] = array(
'margin-bottom' => '%%order_class%% .dsm-menu li:not(:last-child)',
'margin-top' => '%%order_class%% .dsm-menu .menu-item-has-children .sub-menu>li',
$fields['submenu_left_space'] = array(
'padding-left' => '%%order_class%% .dsm-menu .menu-item-has-children .sub-menu',
$fields['menu_left_space'] = array(
'padding-left' => '%%order_class%% ul.dsm-menu',
$fields['submenu_arrow_color'] = array(
'color' => '%%order_class%% ul.dsm-menu-submenu-collapse li a .et-pb-icon',
$fields['submenu_arrow_background_color'] = array(
'background-color' => '%%order_class%% ul.dsm-menu-submenu-collapse li a .et-pb-icon',
$fields['submenu_arrow_padding'] = array(
'padding' => '%%order_class%% ul.dsm-menu-submenu-collapse li a .et-pb-icon',
$fields['submenu_arrow_font-size'] = array(
'font-size' => '%%order_class%% ul.dsm-menu-submenu-collapse li a .et-pb-icon',
public function render( $attrs, $content, $render_slug ) {
$background_layout = $this->props['background_layout'];
$title = $this->props['title'];
$title_bottom_gap_hover = $this->get_hover_value( 'title_bottom_gap' );
$title_bottom_gap = $this->props['title_bottom_gap'];
$title_bottom_gap_tablet = $this->props['title_bottom_gap_tablet'];
$title_bottom_gap_phone = $this->props['title_bottom_gap_phone'];
$title_bottom_gap_last_edited = $this->props['title_bottom_gap_last_edited'];
$menu_id = $this->props['menu_id'];
$menu_layout = $this->props['menu_layout'];
$list_style_type = $this->props['list_style_type'];
$list_style_color_hover = $this->get_hover_value( 'list_style_color' );
$list_style_color = $this->props['list_style_color'];
$list_style_color_tablet = $this->props['list_style_color_tablet'];
$list_style_color_phone = $this->props['list_style_color_phone'];
$list_style_color_last_edited = $this->props['list_style_color_last_edited'];
$list_style_position = $this->props['list_style_position'];
$menu_link_text_color = $this->props['menu_link_text_color'];
$menu_link_text_color_hover = $this->get_hover_value( 'menu_link_text_color' );
$menu_link_text_active_color = $this->props['menu_link_text_active_color'];
$menu_link_text_visited_color = $this->props['menu_link_text_visited_color'];
$active_link_color = $this->props['active_link_color'];
$active_link_color_hover = $this->get_hover_value( 'active_link_color' );
$menu_space_between_hover = $this->get_hover_value( 'menu_space_between' );
$menu_space_between = $this->props['menu_space_between'];
$menu_space_between_tablet = $this->props['menu_space_between_tablet'];
$menu_space_between_phone = $this->props['menu_space_between_phone'];
$menu_space_between_last_edited = $this->props['menu_space_between_last_edited'];
$menu_left_space_hover = $this->get_hover_value( 'menu_left_space' );
$menu_left_space = $this->props['menu_left_space'];
$menu_left_space_tablet = $this->props['menu_left_space_tablet'];
$menu_left_space_phone = $this->props['menu_left_space_phone'];
$menu_left_space_last_edited = $this->props['menu_left_space_last_edited'];
$submenu_left_space_hover = $this->get_hover_value( 'submenu_left_space' );
$submenu_left_space = $this->props['submenu_left_space'];
$submenu_left_space_tablet = $this->props['submenu_left_space_tablet'];
$submenu_left_space_phone = $this->props['submenu_left_space_phone'];
$submenu_left_space_last_edited = $this->props['submenu_left_space_last_edited'];
$menu_animation = $this->props['menu_animation'];
$menu_animation_type = $this->props['menu_animation_type'];
$underline_animation = $this->props['underline_animation'];
$underline_animation_color = $this->props['underline_animation_color'];
$submenu_collapse = $this->props['submenu_collapse'];
$header_level = $this->props['header_level'];
$use_schema_markup = $this->props['use_schema_markup'];
$menu = self::get_dsm_navmenu(
'list_style_type' => $list_style_type,
'menu_layout' => $menu_layout,
'menu_animation' => $menu_animation,
'menu_animation_type' => $menu_animation_type,
'underline_animation' => $underline_animation,
'submenu_collapse' => $submenu_collapse,
'use_schema_markup' => $use_schema_markup,
if ( '' !== $title_bottom_gap || '' !== $title_bottom_gap_tablet || '' !== $title_bottom_gap_phone ) {
$title_bottom_gap_responsive_active = et_pb_get_responsive_status( $title_bottom_gap_last_edited );
$title_bottom_gap_values = array(
'desktop' => $title_bottom_gap,
'tablet' => $title_bottom_gap_responsive_active ? $title_bottom_gap_tablet : '',
'phone' => $title_bottom_gap_responsive_active ? $title_bottom_gap_phone : '',
et_pb_responsive_options()->generate_responsive_css( $title_bottom_gap_values, '%%order_class%% .dsm-menu-title', 'padding-bottom', $render_slug );
if ( et_builder_is_hover_enabled( 'title_bottom_gap', $this->props ) ) {
ET_Builder_Element::set_style(
'selector' => $this->add_hover_to_order_class( '%%order_class%% .dsm-menu-title' ),
'declaration' => sprintf(
esc_html( $title_bottom_gap_hover )
if ( '' !== $menu_space_between || '' !== $menu_space_between_tablet || '' !== $menu_space_between_phone ) {
$menu_space_between_responsive_active = et_pb_get_responsive_status( $menu_space_between_last_edited );
$menu_space_between_values = array(
'desktop' => $menu_space_between,
'tablet' => $menu_space_between_responsive_active ? $menu_space_between_tablet : '',
'phone' => $menu_space_between_responsive_active ? $menu_space_between_phone : '',
et_pb_responsive_options()->generate_responsive_css( $menu_space_between_values, '%%order_class%% .dsm-menu li:not(:last-child)', 'margin-bottom', $render_slug );
et_pb_responsive_options()->generate_responsive_css( $menu_space_between_values, '%%order_class%% .dsm-menu .menu-item-has-children .sub-menu>li', 'margin-top', $render_slug );
if ( et_builder_is_hover_enabled( 'menu_space_between', $this->props ) ) {
ET_Builder_Element::set_style(
'selector' => $this->add_hover_to_order_class( '%%order_class%% .dsm-menu li:not(:last-child)' ),
'declaration' => sprintf(
esc_html( $menu_space_between_hover )
ET_Builder_Element::set_style(
'selector' => $this->add_hover_to_order_class( '%%order_class%% .dsm-menu .menu-item-has-children .sub-menu>li' ),
'declaration' => sprintf(
esc_html( $menu_space_between_hover )
if ( '' !== $menu_left_space || '' !== $menu_left_space_tablet || '' !== $menu_left_space_phone ) {
$menu_left_space_responsive_active = et_pb_get_responsive_status( $menu_left_space_last_edited );
$menu_left_space_values = array(
'desktop' => $menu_left_space,
'tablet' => $menu_left_space_responsive_active ? $menu_left_space_tablet : '',
'phone' => $menu_left_space_responsive_active ? $menu_left_space_phone : '',
et_pb_responsive_options()->generate_responsive_css( $menu_left_space_values, '%%order_class%% ul.dsm-menu', 'padding-left', $render_slug );
if ( et_builder_is_hover_enabled( 'menu_left_space', $this->props ) ) {
ET_Builder_Element::set_style(
'selector' => $this->add_hover_to_order_class( '%%order_class%% ul.dsm-menu' ),
'declaration' => sprintf(
esc_html( $menu_left_space_hover )
if ( '' !== $submenu_left_space || '' !== $submenu_left_space_tablet || '' !== $submenu_left_space_phone ) {
$submenu_left_space_responsive_active = et_pb_get_responsive_status( $submenu_left_space_last_edited );
$submenu_left_space_values = array(
'desktop' => $submenu_left_space,
'tablet' => $submenu_left_space_responsive_active ? $submenu_left_space_tablet : '',
'phone' => $submenu_left_space_responsive_active ? $submenu_left_space_phone : '',
et_pb_responsive_options()->generate_responsive_css( $submenu_left_space_values, '%%order_class%% .dsm-menu .menu-item-has-children .sub-menu', 'padding-left', $render_slug );
if ( et_builder_is_hover_enabled( 'submenu_left_space', $this->props ) ) {
ET_Builder_Element::set_style(
'selector' => $this->add_hover_to_order_class( '%%order_class%% .dsm-menu .menu-item-has-children .sub-menu' ),
'declaration' => sprintf(
esc_html( $submenu_left_space_hover )
if ( '' !== $menu_link_text_color ) {
ET_Builder_Element::set_style(
'selector' => '%%order_class%% ul.dsm-menu li a',
'declaration' => sprintf(
esc_html( $menu_link_text_color )
if ( '' !== $menu_link_text_visited_color ) {
ET_Builder_Element::set_style(
'selector' => '%%order_class%% ul.dsm-menu li a:visited',
'declaration' => sprintf(
esc_html( $menu_link_text_visited_color )
if ( et_builder_is_hover_enabled( 'menu_link_text_color', $this->props ) ) {
ET_Builder_Element::set_style(
'selector' => '%%order_class%% ul.dsm-menu li a:hover',
'declaration' => sprintf(
esc_html( $menu_link_text_color_hover )
if ( '' !== $menu_link_text_active_color ) {
ET_Builder_Element::set_style(
'selector' => '%%order_class%% ul.dsm-menu li a:active',
'declaration' => sprintf(
esc_html( $menu_link_text_active_color )
if ( '' !== $active_link_color ) {
ET_Builder_Element::set_style(
'selector' => '%%order_class%% ul.dsm-menu li.current-menu-item a',
'declaration' => sprintf(
esc_html( $active_link_color )
if ( et_builder_is_hover_enabled( 'active_link_color', $this->props ) ) {
ET_Builder_Element::set_style(
'selector' => '%%order_class%% ul.dsm-menu li.current-menu-item a:hover',
'declaration' => sprintf(
esc_html( $active_link_color_hover )
if ( 'disc' !== $list_style_type ) {
ET_Builder_Element::set_style(
'selector' => '#et-boc %%order_class%% ul.dsm-menu, %%order_class%% ul.dsm-menu, %%order_class%% ul.dsm-menu .sub-menu',
'declaration' => sprintf(
'list-style-type: %1$s;',
esc_attr( $list_style_type )