Prestashop 1.7.4.2 classic template - How to disable the sub menu from the top menu

In the Prestashop 1.7.4.2 classic template top menu - collapse to the subcategory of the menu. This sometimes can cause very bad looks when the submenu is not in line with the template. So it is better to edit and remove or prevent it from appearing from the main top menu.

Follow this tutorial trick guide how to stop the submenu from showing on the collapse;

1. Go to your where the PrestaShop is hosted or using FTP like FileZilla
2. Look for this directory .../htdocs/themes/classic/assets/CSS
3. edit the custom.css file and paste the following code inside it
#_desktop_top_menu .top-menu[data-depth="0"] li:hover .sub-menu{display:none!important}
4. Save the custom.css file and re-upload to replace the existing one.

Once that is done

1. Login to the PrestaShop admin panel
2. Go to Advanced Parameters >> Performance
3. Click on "Clear Cache" button to clear the previous template cache.
4. Then open a browser and go to your PrestaShop the collapse submenu category should not be appearing anymore.