How can I override the menu toggle on AdaptiveTheme? The menu renders:

&lt;h2 class="block-title at-menu-toggle-button"&gt;&lt;a href="#menu-toggle" class="at-menu-toggle-button-link"&gt;Menu&lt;/a&gt;&lt;/h2&gt;


which is hidden when in a viewport bigger than tablets. I would like to replace the "Menu" part with a &lt;span&gt; element with an icon instead, How can I override this?
Oddly enough I haven't really seen this issue addressed anywhere else.  I found that the most straightforward solution is to put this in your theme's template.php and then style the span tag:

function your_theme_preprocess_block(&amp;$variables) {
  if ($variables['block_html_id'] == "block-system-main-menu") {
   $variables['title'] = "&lt;span id='menu-toggle-button-icon'&gt;&lt;/span&gt;";
  }
}


Cheers