Changed the offscreen text to a link span and moved the menu text inside the link

2 files changed, 10 insertions, 7 deletions

diff --git a/plugins/CoreHome/stylesheets/menu.less b/plugins/CoreHome/stylesheets/menu.less
index dddd9759d3..925df08e52 100644
--- a/plugins/CoreHome/stylesheets/menu.less
+++ b/plugins/CoreHome/stylesheets/menu.less
@@ -166,8 +166,10 @@
   }
 }
 
-.menuTextOffScreen {
+a span {
+  height: 1px;
+  width: 1px;
+  position: absolute;
   overflow: hidden;
-  width:1px;
-  height:1px;
+  top: -10px;
 }
diff --git a/plugins/CoreHome/templates/_menu.twig b/plugins/CoreHome/templates/_menu.twig
index 4a5ef0438c..1443d5dc95 100644
--- a/plugins/CoreHome/templates/_menu.twig
+++ b/plugins/CoreHome/templates/_menu.twig
@@ -41,11 +41,12 @@
     <ul class="Menu-tabList">
         {% for level1,level2 in menu %}
             <li id="{% if level2._url is defined %}{{ _self.getId(level2._url) }}{% endif %}">
-                <div class="menuTextOffScreen">
-                  {{ 'CoreHome_Menu'|translate }}
-                </div>
                 <a {% if level2._url is defined %}href="#{{ _self.getFirstUrl(level2._url) }}"{% endif %}
-                   onclick="return piwikMenu.onItemClick(this);">{{ level1|translate }}</a>
+                   onclick="return piwikMenu.onItemClick(this);">{{ level1|translate }}
+                   <span>
+                     {{ 'CoreHome_Menu'|translate }}
+                   </span>
+                </a>
                 <ul>
                 {% for name,urlParameters in level2 %}
                     {% if urlParameters._url is defined and urlParameters._url is not iterable %}