If this tutorial is not what you were looking for, you still have any questions, suggestions or concerns - feel free to let us know. Please help us to serve you better!

Your Name

Your Email

Your Message (required)

captcha

Featured templates

CherryFramework 3 Troubleshooter. How to deal with doubled menu

This tutorial is going to show you how to deal with the doubled menus on mobile devices in CherryFramework 3.x templates.

You might have noticed that your menu has duplicated menu items on mobile devices:

CherryFramework_3_Troubleshooter._How_to_deal_with_doubled_menu_1

This issue can be fixed easily. Required steps are as follows:

  1. Please, connect to your server using FTP or hosting cPanel.

  2. Edit the wp-content/themes/theme#####/js/my_script.js or theme#####/includes/custom-js.php depending on the template you use (##### is your theme number).

  3. Locate the following lines:

    $('.nav__primary>ul>li>a').each(function(){
      var $this = $(this),
      txt = $this.text();
      $this.html('
      '+ txt +'
      '+ txt +'
       ');
      });
    
  4. Remove or comment out lines above. Save file and upload it back to your server.

You can refresh your site now. Menu titles are not duplicated anymore:

CherryFramework_3_Troubleshooter._How_to_deal_with_doubled_menu_2

Opt for more top-rated Cherry Framework themes in our large scale.

Feel free to check the detailed video tutorial below:

CherryFramework 3 Troubleshooter. How to deal with doubled menu

If you’re looking for a professional template to build a website, view the Best WordPress Themes 2017.