There's still some misalignment in total (left and right border of the
menu items is not on the same line as left and right border of the
text), but that needs a bigger change later.
{%- if SITE_LOGO %}<img src="{{ SITE_LOGO }}" />{% endif -%}
{{- SITE_LOGO_TEXT -}}
</a>
- <a id="m-navbar-show" href="#navigation" title="Show navigation" class="m-col-t-3 m-hide-m m-right">☰</a>
- <a id="m-navbar-hide" href="#" title="Hide navigation" class="m-col-t-3 m-hide-m m-right">☰</a>
+ <a id="m-navbar-show" href="#navigation" title="Show navigation" class="m-col-t-3 m-hide-m m-text-right">☰</a>
+ <a id="m-navbar-hide" href="#" title="Hide navigation" class="m-col-t-3 m-hide-m m-text-right">☰</a>
<div id="m-navbar-collapse" class="m-col-t-12 m-show-m m-col-m-none m-right-m">
<div class="m-row">
<ol class="m-col-t-6 m-col-m-none">