Basically all you need to know is:
Code: Select all
<li class="small-icon icon-xxx"><a href="foobar.html" role="menuitem">{L_FOOBAR}</a></li>
There are 2 more things you can use for the responsive layout. Namely
data-last-responsive="true"
and data-skip-responsive="true"
You can use these like so:
<li class="small-icon icon-xxx" data-last-responsive="true">
What they do:
data-last-responsive="true"
indicates that when the responsive script kicks in, it will try to hide all the links with this data attribute last. This is usually handy for more important links, that need to be visible as long as possible.data-skip-responsive="true"
indicates that this link should be skipped entirely. Thus it will never be hidden, no matter if there is enough space or not. It is not recommended to use this, especially in extensions.