Wordress woocommerce fixing toggle issue of menus in the WOO Market Theme in mobile responsive design

To fix the issue of responsive menu toggle in the WOO MARKET theme of woocommerce framework on wordpress theme follow the instruction mentioned below:

1. first open the "main.php" located in the directory "wp-content/themes/wp_woo_market/framework/functions/"

2. Find the html code <div class="wd_vertical_menu col-sm-6 col-xs-24 wd_mega_menu_wrapper">

3. Add the one another class "toggle_active"

4. Now it looks like class="wd_vertical_menu col-sm-6 col-xs-24 wd_mega_menu_wrapper toggle_active"

5. Upload the changes and uploading the updated main.php

6. Now refresh your page properly you can see the menue working properly.

This issues was coming because of the toggle_active call is missing in he source. You can also check the file "\wp_woo_market\js\wd_menu_front.js" and search code "if(jQuery('.wd_vertical_menu').hasClass('toggle_active') || (using_mobile && case_size <= 767) )" as per this code wd_verticle_mnu class element have another class "tootle_active" then it will work as responsive menu in the mobile and tablet screens. You can see there more issues in this theme need to fix to work properly.

Students Tech Life