{"action":"closed","issue":{"url":"https://api.github.com/repos/Semantic-Org/Semantic-UI-Docs/issues/142","labels_url":"https://api.github.com/repos/Semantic-Org/Semantic-UI-Docs/issues/142/labels{/name}","comments_url":"https://api.github.com/repos/Semantic-Org/Semantic-UI-Docs/issues/142/comments","events_url":"https://api.github.com/repos/Semantic-Org/Semantic-UI-Docs/issues/142/events","html_url":"https://github.com/Semantic-Org/Semantic-UI-Docs/issues/142","id":114470595,"number":142,"title":"Semantic UI Fixed Template (\"Fixed Menu\" template)","user":{"login":"space-alien","id":7103159,"avatar_url":"https://avatars.githubusercontent.com/u/7103159?v=3","gravatar_id":"","url":"https://api.github.com/users/space-alien","html_url":"https://github.com/space-alien","followers_url":"https://api.github.com/users/space-alien/followers","following_url":"https://api.github.com/users/space-alien/following{/other_user}","gists_url":"https://api.github.com/users/space-alien/gists{/gist_id}","starred_url":"https://api.github.com/users/space-alien/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/space-alien/subscriptions","organizations_url":"https://api.github.com/users/space-alien/orgs","repos_url":"https://api.github.com/users/space-alien/repos","events_url":"https://api.github.com/users/space-alien/events{/privacy}","received_events_url":"https://api.github.com/users/space-alien/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/Semantic-Org/Semantic-UI-Docs/labels/Display%20Issue","name":"Display Issue","color":"bfe5bf"}],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2015-11-01T13:51:27Z","updated_at":"2015-11-01T22:33:08Z","closed_at":"2015-11-01T22:33:08Z","body":"Some weirdness in the [Semantic UI Fixed Template layout](http://semantic-ui.com/examples/fixed.html) example which made my learning experience harder than it perhaps needed to be:\r\n\r\n1. ```<div href=\"#\" class=\"header item\">``` - The first menu item is a ```<div>``` with an ```href```\r\n2. ```<a href=\"#\" class=\"ui simple dropdown item\">``` - The entire dropdown menu component is an enormous ```<a>``` tag. This means none of the child item links can be ```<a>``` tags. In the example the child 'links' are just plain ```<div>```s, which is not a great starting point. Also, touch users would presumably not be able to use the dropdown - tapping it would trigger the link rather than opening the menu.\r\n3. Perhaps the parent ```<div>``` could be a ```<nav>``` tag.\r\n\r\nHere is the code for the menu incorporating all the above changes and making use of ```<a>``` tags for all links. I would have submitted a pull request but I couldn't find the examples code anywhere in this repo (which is perhaps [a separate issue](https://github.com/Semantic-Org/Semantic-UI-Docs/issues/125))\r\n\r\n```\r\n  <nav class=\"ui fixed inverted menu\">\r\n    <div class=\"ui container\">\r\n      <a href=\"#\" class=\"header item\">\r\n        <img class=\"logo\" src=\"assets/images/logo.png\">\r\n        Project Name\r\n      </a>\r\n      <a href=\"#\" class=\"item\">Home</a>\r\n      <div class=\"ui simple dropdown item\">\r\n        Dropdown <i class=\"dropdown icon\"></i>\r\n        <div class=\"menu\">\r\n          <a href=\"#\" class=\"item\">Link Item</a>\r\n          <a href=\"#\" class=\"item\">Link Item</a>\r\n          <div class=\"divider\"></div>\r\n          <div class=\"header\">Header Item</div>\r\n          <div class=\"item\">\r\n            <i class=\"dropdown icon\"></i>\r\n            Sub Menu\r\n            <div class=\"menu\">\r\n              <a href=\"#\" class=\"item\">Link Item</a>\r\n              <a href=\"#\" class=\"item\">Link Item</a>\r\n            </div>\r\n          </div>\r\n          <a href=\"#\" class=\"item\">Link Item</a>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </nav>\r\n```"}}