Hello,

Yes, of course, you can move the “Area after mobile menu” to the top, try to add this PHP code to the functions.php file in your child theme.

if ( ! function_exists( 'woodmart_mobile_menu' ) ) {
    function woodmart_mobile_menu() {

        $menu_locations = get_nav_menu_locations();

        $location = apply_filters( 'woodmart_main_menu_location', 'main-menu' );

        $menu_link = get_admin_url( null, 'nav-menus.php' );

        $search_args = array();
        $nav_classes = '';
        $tab_classes = '';
        $settings = whb_get_settings();

        $toolbar_fields = woodmart_get_opt( 'sticky_toolbar_fields' ) ? woodmart_get_opt( 'sticky_toolbar_fields' ) : array();

        if ( isset( $settings['search'] ) ) {
            $search_args['post_type'] = $settings['search']['post_type'];
            $search_args['ajax']      = $settings['search']['ajax'];
        }

        if ( isset( $settings['burger'] ) || in_array( 'mobile', $toolbar_fields ) || in_array( 'search_args', $toolbar_fields ) ) {
            $mobile_categories      = isset( $settings['burger']['categories_menu'] ) ? $settings['burger']['categories_menu'] : false;
            $search_form            = isset( $settings['burger']['search_form'] ) ? $settings['burger']['search_form'] : true;
            $position               = isset( $settings['burger']['position'] ) ? $settings['burger']['position'] : 'left';
            $mobile_categories_menu = ( $mobile_categories ) ? $settings['burger']['menu_id'] : '';
        } else {
            return '';
        }

        $nav_classes .= ' wd-' . $position;
        $nav_classes .= woodmart_get_old_classes( ' wd-' . $position );

        if ( 'light' === whb_get_dropdowns_color() ) {
            $nav_classes .= ' color-scheme-light';
        }

        $pages_active      = ' wd-active';
        $categories_active = '';

        if ( isset( $settings['burger']['tabs_swap'] ) && $settings['burger']['tabs_swap'] ) {
            $pages_active       = '';
            $categories_active .= ' wd-active';
            $tab_classes       .= ' wd-swap';
        }

        woodmart_enqueue_js_script( 'mobile-navigation' );

        echo '<div class="mobile-nav wd-side-hidden' . esc_attr( $nav_classes ) . '">';

        if ( $search_form ) {
            woodmart_search_form( $search_args );
        }

        $tab_classes .= woodmart_get_old_classes( ' mobile-menu-tab mobile-nav-tabs' );

        if ( $mobile_categories ) {
            ?>
            <ul class="wd-nav wd-nav-mob-tab wd-style-underline<?php echo esc_attr( $tab_classes ); ?>">
                <li class="mobile-tab-title mobile-pages-title <?php echo esc_attr( $pages_active ); ?>" data-menu="pages"><a href="#" rel="nofollow noopener"><span class="nav-link-text"><?php esc_html_e( 'Menu', 'woodmart' ); ?></span></a></li>
                <li class="mobile-tab-title mobile-categories-title <?php echo esc_attr( $categories_active ); ?>" data-menu="categories"><a href="#" rel="nofollow noopener"><span class="nav-link-text"><?php esc_html_e( 'Categories', 'woodmart' ); ?></span></a></li>
            </ul>
            <?php
            if ( ! empty( $mobile_categories_menu ) ) {
                wp_nav_menu(
                    array(
                        'container'  => '',
                        'menu'       => $mobile_categories_menu,
                        'menu_class' => 'mobile-categories-menu wd-nav wd-nav-mobile' . $categories_active . woodmart_get_old_classes( ' site-mobile-menu' ),
                        'walker'     => new WOODMART_Mega_Menu_Walker(),
                    )
                );
            } else {
                ?>
                <div class="create-nav-msg"><?php esc_html_e( 'Set your categories menu in Theme Settings -> Header -> Menu -> Mobile menu (categories)', 'woodmart' ); ?></div>
                <?php
            }
        }

        if ( isset( $menu_locations['mobile-menu'] ) && $menu_locations['mobile-menu'] != 0 ) {
            $location = 'mobile-menu';
        }
        ?>

        <?php if ( is_active_sidebar( 'mobile-menu-widgets' ) ) : ?>
            <div class="widgetarea-mobile">
                <?php dynamic_sidebar( 'mobile-menu-widgets' ); ?>
            </div>
        <?php
        endif;

        if ( has_nav_menu( $location ) ) {
            wp_nav_menu(
                array(
                    'container'      => '',
                    'theme_location' => $location,
                    'menu_class'     => 'mobile-pages-menu wd-nav wd-nav-mobile' . $pages_active . woodmart_get_old_classes( ' site-mobile-menu' ),
                    'walker'         => new WOODMART_Mega_Menu_Walker(),
                )
            );
        } else {
            ?>
            <div class="create-nav-msg">
                <?php
                printf(
                    wp_kses(
                        __( 'Create your first <a href="%s"><strong>navigation menu here</strong></a>', 'woodmart' ),
                        array(
                            'a' => array(
                                'href' => array(),
                            ),
                        )
                    ),
                    $menu_link
                );
                ?>
            </div>
            <?php
        }

        echo '</div><!--END MOBILE-NAV-->';
    }

    add_action( 'woodmart_before_wp_footer', 'woodmart_mobile_menu', 130 );

}

Kind Regards

Thank you so much Sir, you are the best one A TEAM

I am very sorry sir

I have another small question, can I add a close button to let customer click the button, to close the mobile menu?

like add a X button to close the opening mobile menu?

Thank you very much

Hello,

Thank you for purchasing our theme and contacting us.

Yes, you can use our Theme Settings Presets to create different configurations for particular products https://xtemos.com/docs/woodmart/theme-settings-presets/

Kind Regards

Hi, thanks for the quick answer. But how about the different header? Is it possible to show also different header in presets? I can not find that option in the Woodmart Header Builder settings. Moreover, is it possible to show different menus and the different categories in the header based on the product line? Thanks!

Hello,

In order to set another header in presets, click on your preset and in the “General” tab find the “Header” field.

To be able to show other menus and categories on your header, first of all, you should create the header in WoodMart -> Header Builder, then create a new categories menu in Appearance -> Menus, and in the end, for the “Categories” item in the header settings choose your new category menu.

Kind Regards

Hi, thanks for the answer. But in the header – can I not only have different categories but also set up different main menu?

thanks

Hello,

Of course, if you have created a new main menu in Appearance -> Menus, then just add it to the “Menu” item in the “Header Builder”.

Kind Regards

Hello,

Could you please disable all plugins that are not related to our theme and provide us your admin access so we can check it? Use the contact form on our profile page here https://themeforest.net/user/xtemos

Thank you in advance

Hi,

I think the problem was a bug at Options presets.

On a new installation with the latest version of the theme, everything works fine.

Thanks,