M2 Edit mobile menu - remove 'All' keyword

Question

In my mobile menu the first says "All Info" - see screenshot. How can I change this to simply "Info" and have the same font as "Sub Category 2" ?

Answer 1

All word is appended by menu.js located at \vendor\magento\magento2-base\lib\web\mage\menu.js line # 286 by following code :

...

this.categoryLink = $('<a>')
.attr('href', categoryUrl)
.text($.mage.__('All ') + category);

...

So you need to extend this js and update this code by :

...

this.categoryLink = $('<a>')
.attr('href', categoryUrl)
.text(category);

...

For Extending Magento 2 default JS components, check this page