you need to move active CSS class from the second

tag to the first one.

We change

<li class="mobile-tab-title mobile-categories-title" data-menu="categories"><span><?php esc_html_e('Categories', 'woodmart'); ?></span></li>
<li class="mobile-tab-title mobile-pages-title active" data-menu="pages"><span><?php esc_html_e('Menu', 'woodmart'); ?></span></li>

to

<li class="mobile-tab-title mobile-categories-title active" data-menu="categories"><span><?php esc_html_e('Categories', 'woodmart'); ?></span></li>
<li class="mobile-tab-title mobile-pages-title" data-menu="pages"><span><?php esc_html_e('Menu', 'woodmart'); ?></span></li>

but its not working. The menu is set to active (design) but the content is not shown.
check online in mobile view.