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

OpenCart 2.x Troubleshooter. Custom menus do not work on mobile

This tutorial will show you how to resolve the issue with custom menus that are not visible on mobile devices in OpenCart 2 based templates.

OpenCart_2_Troubleshooter_Custom_menus_do_not_work_on_mobile_1

Tutorial assumes you’ve already added the custom link to categories menu, and it is not visible on mobile:

OpenCart_2_Troubleshooter_Custom_menus_do_not_work_on_mobile_2

  1. Access your server using any ftp client or file manager provided by your host;

  2. Navigate to the /catalog/view/theme/themeXXX/js/ directory (where XXX is the number of your theme);

  3. Open a /script.js/ file for editing;

  4. You can add the custom links to the mobile categories menu with jQuery. Add the following code to the very end of the file:

    $(window).load(function () {
    	$(".rd-mobilemenu_ul").append('<li><a href="http://www.google.com">TEST</a></li>');
    });

    Here http://www.google.com is any desired custom link and TEST is the name of your menu item;

  5. Save the changes. Check your website using the mobile device. (You can toggle device mode on and off using the keyboard shortcut: Ctrl+Shift+M). New menu item appears.

    OpenCart_2_Troubleshooter_Custom_menus_do_not_work_on_mobile_3

Feel free to check the detailed video tutorial below:

OpenCart 2.x Troubleshooter. Custom menus do not work on mobile