The menu renders:

<h2 class="block-title at-menu-toggle-button"><a href="#menu-toggle" class="at-menu-toggle-button-link">Menu</a></h2>

which is hidden when in a viewport bigger than tablets. I would like to replace the "Menu" part with a <span> element with an icon instead, How can I override this?

1 Answer 1


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(&$variables) {
  if ($variables['block_html_id'] == "block-system-main-menu") {
   $variables['title'] = "<span id='menu-toggle-button-icon'></span>";


Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.