Drupal 8: Zircon Theme Fix for 'Skip To Main Content'


The Zircon theme has an odd link in the upper left corner when visiting as an 'Unauthenticated User'.

Skip to main content

 

Update The following theme file:

<root_dir>\themes\zircon\templates\html.html.twig

 

Comment or remove the link anchor tag

<a href="#main-content" class="visually-hidden focusable"> {{ 'Skip to main content'|t }} </a>

<!--a href="#main-content" class="visually-hidden focusable"> {{ 'Skip to main content'|t }} </a-->

 

File after modification

<!DOCTYPE html>
<html{{ html_attributes }}>
  <head>
    <head-placeholder token="{{ placeholder_token|raw }}">
    <title>{{ head_title|safe_join(' | ') }}</title>
    <css-placeholder token="{{ placeholder_token|raw }}">
    <js-placeholder token="{{ placeholder_token|raw }}">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="HandheldFriendly" content="true" />
    <meta name="apple-touch-fullscreen" content="YES" />
  </head>
  <body{{ attributes }}>
    <!--a href="#main-content" class="visually-hidden focusable">
      {{ 'Skip to main content'|t }}
    </a-->
    {{ page_top }}
    {{ page }}
    {{ page_bottom }}
    <js-bottom-placeholder token="{{ placeholder_token|raw }}">
  </body>
</html>
Tags

Copyright 2018· All rights reserved