Just incase anyone wants to know exactly how this is done...
Edit the way the menu looks on a mobileWhen you make these changes, they will re-order the mobile menu and the menu which opens up when you click on HOME on the desktop website
1. Go to Admin -> Design -> Menu
You can see things like HOME 10, Specials 11, Cart 40, Checkout 50 etc.
The numbers represent the order in which they will appear in the Home menu. The lower the number, the higher that item appears – so Home first, then Specials
2. Click on the + icon to add a new menu Category
3. Give the Category an ID and Title such as Women
4. Give it a sort number (I will use 11 then change Specials to 30)
5. On your desktop site, go to storefront and Women
6. Take the last part of the URL and copy it (product/category&path=93). This is the path to the Category called Women
7. Paste it into your new menu Category under Link
8. Notice that when you paste it and move the cursor away, the field Link to Category automatically updates to Women
9. If you wish to add a Fav Icon which will appear in Storefront Home, click on the icon area to add an icon
10. You have two options, add an image or add resource HTML. Choose the latter for HTML
11. Add the following line <i class="fa fa-female"></i>
12. Change the word Female to the icon you wish to use (here are all the icons you can use -
http://fontawesome.io/icons/, they are already stored in Abantecart so you only need to edit the word female and your icon will appear)
13. Save your settings and go to Storefront and refresh the page.
14. Click on Home and you will see the new Category with the icon you chose
15. Now check the site on a mobile. The only difference will be that a new Category has been added and the order of Categories may have changed