: str_replace(): Passing null to parameter #2 ($replace) of type array|string is deprecated in
* This template can be overridden by copying it to your child_theme_folder/themify-builder/template-menu.php.
* Access original fields: $args['mod_settings']
defined( 'ABSPATH' ) || exit;
$mod_name=$args['mod_name'];
$element_id = $args['module_ID'];
$fields_args = $args['mod_settings']+ array(
'color_menu' => 'tb_default_color',
'according_style_menu' => '',
'animation_effect' => '',
'menu_slide_direction' => 'right',
'mobile_menu_style' => 'slide',
'allow_menu_fallback' => '',
'allow_menu_breakpoint' => '',
'wh_m_m_ct' => 300, // mobile menu panel width
'wh_m_m_ct_unit' => 'px',
if ($fields_args['according_style_menu']!=='') {
$fields_args['according_style_menu'] = self::get_checkbox_data($fields_args['according_style_menu']);
Themify_Builder_Model::load_appearance_css($fields_args['according_style_menu']);
if($fields_args['layout_menu']==='fullwidth' || $fields_args['layout_menu']==='vertical'){
Themify_Builder_Model::load_module_self_style($mod_name,$fields_args['layout_menu']);
if($fields_args['mobile_menu_style']==='dropdown'){
Themify_Builder_Model::load_module_self_style($mod_name,$fields_args['mobile_menu_style']);
if($fields_args['color_menu']==='default'){
$fields_args['color_menu']='tb_default_color';
if($fields_args['color_menu']==='transparent'){
Themify_Builder_Model::load_module_self_style($mod_name,$fields_args['color_menu']);
Themify_Builder_Model::load_color_css($fields_args['color_menu']);
$container_class = apply_filters('themify_builder_module_classes', array(
), $mod_name, $element_id, $fields_args);
if(!empty($fields_args['global_styles']) && Themify_Builder::$frontedit_active===false){
$container_class[] = $fields_args['global_styles'];
$container_class[] = 'mobile-menu-' . $fields_args['mobile_menu_style'];
$container_props = array('class' => implode(' ', $container_class));
$container_props['data-menu-style'] = 'mobile-menu-'.$fields_args['mobile_menu_style'];
if(!empty($fields_args['global_styles'])){
$container_props['data-gs'] = $fields_args['global_styles'];
if ( $fields_args['allow_menu_breakpoint'] !== '' ) {
$container_props['data-menu-breakpoint'] = $fields_args['menu_breakpoint'];
$container_props['data-menu-direction'] = $fields_args['menu_slide_direction'];
$container_props['data-menu-breakpoint'] = 0;
$container_props['data-element-id'] = $element_id;
$container_props = apply_filters('themify_builder_module_container_props', self::parse_animation_effect($fields_args,$container_props), $fields_args, $mod_name, $element_id);
$breakpoint=$container_props['data-menu-breakpoint'];
if(Themify_Builder::$frontedit_active===false){
$container_props['data-lazy']=1;
if ( $fields_args['tooltips'] === 'yes' ) {
Themify_Enqueue_Assets::addLocalization( 'menu_tooltips', '.' . $element_id, 'arr' );
self::sticky_element_props($container_props, $fields_args);
<div <?php echo themify_get_element_attributes($container_props); ?>>
<?php $container_props=$container_class=$args=null;
echo Themify_Builder_Component_Module::get_module_title($fields_args,'mod_title_menu');
if ($fields_args['custom_menu'] !== '') {
'menu' => $fields_args['custom_menu'],
'menu_class' => 'ui tf_clearfix nav tf_rel tf_scrollbar ' . $fields_args['layout_menu'],
'container_class' => 'module-menu-container'
if ( $fields_args['layout_menu'] !== 'vertical' && $fields_args['mega'] === 'y' ) {
$args['walker'] = 'Themify_Mega_Menu_Walker';
$args['container_class'] .= ' tb_mega_menu';
Themify_Builder_Model::load_module_self_style( $mod_name, 'mega' );
if($fields_args['color_menu']!==''){
$args['menu_class'].=' '.$fields_args['color_menu'];
if($fields_args['according_style_menu']!==''){
$args['menu_class'].=' '.$fields_args['according_style_menu'];
if($fields_args['layout_menu']==='vertical' && $fields_args['accordion']!==''){
Themify_Builder_Model::load_module_self_style($mod_name,'accordion');
$args['menu_class'].= ' tf_acc_menu';
$menu = themify_menu_nav( $args );
if($breakpoint>0 && ($menu || ! empty( $fields_args['allow_menu_fallback'] ))):?>
@media(max-width:<?php echo $breakpoint?>px){
.<?php echo $element_id?> .menu-module-burger{
.<?php echo $element_id?> .module-menu-container{
.<?php echo $element_id?> .module-menu-container.is-open{
<a rel="nofollow" href="#" class="tf_hide menu-module-burger">
<span class="menu-module-burger-inner tf_inline_b tf_rel"></span>
<span class="screen-reader-text"><?php _e('Menu','themify'); ?></span>
elseif ( ! empty( $fields_args['allow_menu_fallback'] ) ) {
printf('<div class="module-menu-container"><ul class="%1$s">%2$s</ul></div>'
, 'ui tf_clearfix nav tf_rel ' . $fields_args['layout_menu'] . ' ' . $fields_args['color_menu'] . ' ' . $fields_args['according_style_menu']
, wp_list_pages( $args ) );
if ( $fields_args['mobile_menu_style'] === 'slide') { ?>
.mobile-menu-module[data-module="<?php echo $element_id; ?>"]{
<?php echo $fields_args['menu_slide_direction']; ?>:-<?php echo $fields_args['wh_m_m_ct'], $fields_args['wh_m_m_ct_unit']; ?>