[contact-form-7 id="24078" title="Feedback EN"]

Featured templates

PrestaShop 1.6.x. How to fix incorrect tabs’ design after the “TM MegaMenu” module upgrade

This tutorial provides an explanation on how to fix the incorrect tabs’ design after the “TM MegaMenu” module upgrade in PrestaShop 1.6.x.

The menu tabs’ design may look differently than the one on the demo template after applying the update of the “TM MegaMenu” module.

prestashop_how_to_fix_incorrect_tabs_design_after_the_tm_mega_menu_module_upgrade_1

In order to fix this issue, please, perform the following steps:

  1. Log into your Control Hosting Panel (cPanel) on server.

  2. Locate the File Manager tool and go to your website folder (you can perform the next steps via the FTP as well).

  3. Navigate to themes/themeXXX/css/modules/tmmegamenu/views/css directory, and locate the front.css file

    prestashop_how_to_fix_incorrect_tabs_design_after_the_tm_mega_menu_module_upgrade_2

  4. Rename the front.css file to tmmegamenu.css.

    prestashop_how_to_fix_incorrect_tabs_design_after_the_tm_mega_menu_module_upgrade_3

  5. Navigate to themes/themeXXXX/js/modules/tmmegamenu/views/js directory, and locate the front.js file.

    prestashop_how_to_fix_incorrect_tabs_design_after_the_tm_mega_menu_module_upgrade_4

  6. Rename the front.js file to tmmegamenu.js.

    prestashop_how_to_fix_incorrect_tabs_design_after_the_tm_mega_menu_module_upgrade_5

  7. Refresh the website. The menu tabs’ design is fixed now.

    prestashop_how_to_fix_incorrect_tabs_design_after_the_tm_mega_menu_module_upgrade_6

Now you know how to fix the incorrect tabs’ design after the“TM Mega Menu” module upgrade in PrestaShop 1.6.x.

Feel free to watch the respective video tutorial below.

PrestaShop 1.6.x. How to fix incorrect tabs’ design after the “TM MegaMenu” module upgrade