{"id":72007,"date":"2016-06-13T08:42:57","date_gmt":"2016-06-13T12:42:57","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=72007"},"modified":"2016-07-14T05:15:54","modified_gmt":"2016-07-14T09:15:54","slug":"prestashop-1-6-x-how-to-fix-incorrect-tabs-design-after-the-tm-mega-menu-module-upgrade","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/prestashop-1-6-x-how-to-fix-incorrect-tabs-design-after-the-tm-mega-menu-module-upgrade.html","title":{"rendered":"PrestaShop 1.6.x. How to fix incorrect tabs&#8217; design after the &#8220;TM MegaMenu&#8221; module upgrade"},"content":{"rendered":"<p>This tutorial provides an explanation on how to fix the incorrect tabs&#8217; design after the <strong>&#8220;TM MegaMenu&#8221;<\/strong> module upgrade in PrestaShop 1.6.x.<\/p>\r\n<div class=\"video-container\">\r\n\t<iframe src=\"https:\/\/www.youtube.com\/embed\/pd2UIU3uruA\"><\/iframe>\r\n<\/div>\r\n<p>\r\n\tThe menu tabs&#8217; design may look differently than the one on the demo template after applying the update of the <strong>&#8220;TM MegaMenu&#8221;<\/strong> module.\r\n<\/p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/06\/prestashop_how_to_fix_incorrect_tabs_design_after_the_tm_mega_menu_module_upgrade_1.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/06\/prestashop_how_to_fix_incorrect_tabs_design_after_the_tm_mega_menu_module_upgrade_1-300x159.jpg\" alt=\"prestashop_how_to_fix_incorrect_tabs_design_after_the_tm_mega_menu_module_upgrade_1\" width=\"300\" height=\"159\" class=\"alignnone size-medium wp-image-72008\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/06\/prestashop_how_to_fix_incorrect_tabs_design_after_the_tm_mega_menu_module_upgrade_1-300x159.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/06\/prestashop_how_to_fix_incorrect_tabs_design_after_the_tm_mega_menu_module_upgrade_1-150x80.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/06\/prestashop_how_to_fix_incorrect_tabs_design_after_the_tm_mega_menu_module_upgrade_1-1024x544.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/06\/prestashop_how_to_fix_incorrect_tabs_design_after_the_tm_mega_menu_module_upgrade_1.jpg 1257w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<p>\r\n\tIn order to fix this issue, please, perform the following steps:\r\n<\/p>\r\n\r\n<ol>\r\n\t<li>\r\n\t\t<p>\r\n\t\t\tLog into your <strong>Control Hosting Panel (cPanel)<\/strong> on server.\r\n\t\t<\/p>\r\n\t<\/li>\r\n\t<li>\r\n\t\t<p>\r\n\t\t\tLocate the <strong>File Manager<\/strong> tool and go to your website folder (you can perform the next steps via the FTP as well).\r\n\t\t<\/p>\r\n\t<\/li>\r\n\t<li>\r\n\t\t<p>\r\n\t\t\tNavigate to <strong>themes\/themeXXX\/css\/modules\/tmmegamenu\/views\/css<\/strong> directory, and locate the <strong>front.css<\/strong> file\r\n\t\t<\/p>\r\n\t\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/06\/prestashop_how_to_fix_incorrect_tabs_design_after_the_tm_mega_menu_module_upgrade_2.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/06\/prestashop_how_to_fix_incorrect_tabs_design_after_the_tm_mega_menu_module_upgrade_2-300x162.jpg\" alt=\"prestashop_how_to_fix_incorrect_tabs_design_after_the_tm_mega_menu_module_upgrade_2\" width=\"300\" height=\"162\" class=\"alignnone size-medium wp-image-72009\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/06\/prestashop_how_to_fix_incorrect_tabs_design_after_the_tm_mega_menu_module_upgrade_2-300x162.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/06\/prestashop_how_to_fix_incorrect_tabs_design_after_the_tm_mega_menu_module_upgrade_2-150x81.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/06\/prestashop_how_to_fix_incorrect_tabs_design_after_the_tm_mega_menu_module_upgrade_2-1024x552.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/06\/prestashop_how_to_fix_incorrect_tabs_design_after_the_tm_mega_menu_module_upgrade_2.jpg 1272w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\t<\/li>\r\n\t<li>\r\n\t\t<p>\r\n\t\t\tRename the <strong>front.css<\/strong> file to <strong>tmmegamenu.css<\/strong>.\r\n\t\t<\/p>\r\n\t\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/06\/prestashop_how_to_fix_incorrect_tabs_design_after_the_tm_mega_menu_module_upgrade_3.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/06\/prestashop_how_to_fix_incorrect_tabs_design_after_the_tm_mega_menu_module_upgrade_3-300x168.jpg\" alt=\"prestashop_how_to_fix_incorrect_tabs_design_after_the_tm_mega_menu_module_upgrade_3\" width=\"300\" height=\"168\" class=\"alignnone size-medium wp-image-72010\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/06\/prestashop_how_to_fix_incorrect_tabs_design_after_the_tm_mega_menu_module_upgrade_3-300x168.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/06\/prestashop_how_to_fix_incorrect_tabs_design_after_the_tm_mega_menu_module_upgrade_3-150x84.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/06\/prestashop_how_to_fix_incorrect_tabs_design_after_the_tm_mega_menu_module_upgrade_3-1024x573.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/06\/prestashop_how_to_fix_incorrect_tabs_design_after_the_tm_mega_menu_module_upgrade_3.jpg 1273w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\t<\/li>\r\n\t<li>\r\n\t\t<p>\r\n\t\t\tNavigate to <strong>themes\/themeXXXX\/js\/modules\/tmmegamenu\/views\/js<\/strong> directory, and locate the <strong>front.js<\/strong> file.\r\n\t\t<\/p>\r\n\t\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/06\/prestashop_how_to_fix_incorrect_tabs_design_after_the_tm_mega_menu_module_upgrade_4.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/06\/prestashop_how_to_fix_incorrect_tabs_design_after_the_tm_mega_menu_module_upgrade_4-300x162.jpg\" alt=\"prestashop_how_to_fix_incorrect_tabs_design_after_the_tm_mega_menu_module_upgrade_4\" width=\"300\" height=\"162\" class=\"alignnone size-medium wp-image-72011\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/06\/prestashop_how_to_fix_incorrect_tabs_design_after_the_tm_mega_menu_module_upgrade_4-300x162.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/06\/prestashop_how_to_fix_incorrect_tabs_design_after_the_tm_mega_menu_module_upgrade_4-150x81.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/06\/prestashop_how_to_fix_incorrect_tabs_design_after_the_tm_mega_menu_module_upgrade_4-1024x551.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/06\/prestashop_how_to_fix_incorrect_tabs_design_after_the_tm_mega_menu_module_upgrade_4.jpg 1274w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\t<\/li>\r\n\t<li>\r\n\t\t<p>\r\n\t\t\tRename the <strong>front.js<\/strong> file to <strong>tmmegamenu.js<\/strong>.\r\n\t\t<\/p>\r\n\t\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/06\/prestashop_how_to_fix_incorrect_tabs_design_after_the_tm_mega_menu_module_upgrade_5.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/06\/prestashop_how_to_fix_incorrect_tabs_design_after_the_tm_mega_menu_module_upgrade_5-300x169.jpg\" alt=\"prestashop_how_to_fix_incorrect_tabs_design_after_the_tm_mega_menu_module_upgrade_5\" width=\"300\" height=\"169\" class=\"alignnone size-medium wp-image-72012\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/06\/prestashop_how_to_fix_incorrect_tabs_design_after_the_tm_mega_menu_module_upgrade_5-300x169.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/06\/prestashop_how_to_fix_incorrect_tabs_design_after_the_tm_mega_menu_module_upgrade_5-150x84.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/06\/prestashop_how_to_fix_incorrect_tabs_design_after_the_tm_mega_menu_module_upgrade_5-1024x577.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/06\/prestashop_how_to_fix_incorrect_tabs_design_after_the_tm_mega_menu_module_upgrade_5.jpg 1275w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\t<\/li>\r\n\t<li>\r\n\t\t<p>\r\n\t\t\tRefresh the website. The menu tabs&#8217; design is fixed now.\r\n\t\t<\/p>\r\n\t\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/06\/prestashop_how_to_fix_incorrect_tabs_design_after_the_tm_mega_menu_module_upgrade_6.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/06\/prestashop_how_to_fix_incorrect_tabs_design_after_the_tm_mega_menu_module_upgrade_6-300x165.jpg\" alt=\"prestashop_how_to_fix_incorrect_tabs_design_after_the_tm_mega_menu_module_upgrade_6\" width=\"300\" height=\"165\" class=\"alignnone size-medium wp-image-72013\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/06\/prestashop_how_to_fix_incorrect_tabs_design_after_the_tm_mega_menu_module_upgrade_6-300x165.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/06\/prestashop_how_to_fix_incorrect_tabs_design_after_the_tm_mega_menu_module_upgrade_6-150x82.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/06\/prestashop_how_to_fix_incorrect_tabs_design_after_the_tm_mega_menu_module_upgrade_6-1024x563.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/06\/prestashop_how_to_fix_incorrect_tabs_design_after_the_tm_mega_menu_module_upgrade_6.jpg 1521w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\t<\/li>\r\n<\/ol>\r\n\r\n<p>Now you know how to fix the incorrect tabs&#8217; design after the<strong>&#8220;TM Mega Menu&#8221;<\/strong> module upgrade in PrestaShop 1.6.x.<\/p>\r\n<p>Feel free to watch the respective video tutorial below.<\/p>\r\n<a href=\"http:\/\/www.youtube.com\/watch?v=pd2UIU3uruA?width=1280&amp;height=720\" rel=\"prettyPhoto\">PrestaShop 1.6.x. How to fix incorrect tabs&#8217; design after the &#8220;TM MegaMenu&#8221; module upgrade<\/a>","protected":false},"excerpt":{"rendered":"<p>This tutorial provides an explanation on how to fix the incorrect tabs&#8217; design after the &#8220;TM Mega Menu&#8221; module upgrade in PrestaShop 1.6.x.<\/p>\n","protected":false},"author":95,"featured_media":72014,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[732],"tags":[482,1943,552,1462,610],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/72007"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/95"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=72007"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/72007\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/72014"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=72007"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=72007"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=72007"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}