As mentioned before you can edit your local.xml file.
It should be in your theme folder e.g.:
app/design/frontend/yourpackage/yourversion/layout/local.xml
If it´s not there you can create it. It`s a very good way to edit the layout xml for a theme.
I explain this question by using CSS as technique to answer.
The addLink action inside the layout XML is a little bit tricky and before changing the corresponding list entry you need to remove it and add it again to change it as you want.
Remove the link entry (I take 'My Account' as example). In your template's local.xml add:
Note you are able to set a CSS class for your newly added 'My Account' link. Now you are set to do your CSS magic for your responive design.
@media only screen and (max-width: 767px) {
.links li a.top-link-account {
font-size: 0 !important;
...
}
.links li a.top-link-account:before {
content: "\f084"; # fontawesome unicode (fa needs to be present)
...
}
...
}
Be aware that Magento uses different states for the current user session. So
the login link entry is not handled inside the default XML node but
inside <customer_logged_in> and <customer_logged_out>.
The wishlist link entry is handled inside wishlist.xml. Look at the
node <customer_account>. I'm sure you can change it by yourself by
now (but use your local.xml)...
Edit: Well, this won't help you, as it only addresses the link list inside the customer account page. The wishlist link is added by:
That's a tough one? Well, luckily it already has the CSS class top-link-cart, so do some CSS magic I mentioned above. The next level would be to add the number of items inside your cart to your icon. Please add another question for that, because this would be another story (also applies to the wishlist link).
The most templates I know don't use the 'My Cart' link to avoid this at all.
I hope that helped and gave you some more insides on Magento's layout XMLs.
Best Answer
You need to extend the
default.xml
in your theme :app/design/frontend/{PackageName}/{ThemeName}/Magento_Theme/layout/default.xml
Here you can add or remove the header top link as: