Hello @junkos,
Thank you for your patience as we work to resolve the issue with the search form not appearing in the mobile menu. I understand how important this feature is to you, and I’m here to assist you.
You can add a custom search form to your mobile menu as follows:
Default Behavior: On the desktop, you’re using the WooCommerce search form. However, when you enable the search feature in the mobile menu settings, it displays the default WordPress search form.
WooCommerce Search Form: To use the WooCommerce search form in your mobile menu, simply place its shortcode in the additional content area of the mobile menu settings.
Alternatively, you can use the custom code provided below to achieve this. To do this, follow these steps:
- Under Select plugin to edit, choose Responsive Menu.
- Scroll to the bottom of the page and add the code provided below, as shown in the screenshot. Click here
We are committed to ensuring your satisfaction and a positive experience with our product. If you have any more questions or need further help, feel free to reach out.
Thank you again for your patience and understanding.
Best regards,
Sadiya
function add_custom_search_form_to_mobile_menu($content) {
// Append the WooCommerce product search shortcode to the existing content
$content .= do_shortcode('your shortcode');
return $content;
}
add_filter('menu_additional_content_html', 'add_custom_search_form_to_mobile_menu');