<nav class="c-mobilenav">
<ul>
<li>
<a href="">Oriental Rubber Towels</a>
</li>
<li>
<a href="">Electronic Steel Bike</a>
</li>
<li>
<a href="">Modern Concrete Computer</a>
</li>
<li>
<a href="">Electronic Frozen Fish</a>
</li>
<li>
<a href="">Generic Frozen Gloves</a>
</li>
</ul>
</nav>
<nav class="c-mobilenav">
<ul>
{{#each list}}
<li>
{{> @link }}
</li>
{{/each}}
</ul>
</nav>
{
"list": [
{
"link": {
"text": "Oriental Rubber Towels"
}
},
{
"link": {
"text": "Electronic Steel Bike"
}
},
{
"link": {
"text": "Modern Concrete Computer"
}
},
{
"link": {
"text": "Electronic Frozen Fish"
}
},
{
"link": {
"text": "Generic Frozen Gloves"
}
}
]
}
Styling with this component only appears between base and large screen breakpoints; there is no styling after the mobile breakpoint.