{"action":"opened","issue":{"url":"https://api.github.com/repos/wet-boew/GCWeb/issues/976","labels_url":"https://api.github.com/repos/wet-boew/GCWeb/issues/976/labels{/name}","comments_url":"https://api.github.com/repos/wet-boew/GCWeb/issues/976/comments","events_url":"https://api.github.com/repos/wet-boew/GCWeb/issues/976/events","html_url":"https://github.com/wet-boew/GCWeb/issues/976","id":70169088,"number":976,"title":"Section Menus - do not distinguish between levels of navigation","user":{"login":"SLaverty","id":12070853,"avatar_url":"https://avatars.githubusercontent.com/u/12070853?v=3","gravatar_id":"","url":"https://api.github.com/users/SLaverty","html_url":"https://github.com/SLaverty","followers_url":"https://api.github.com/users/SLaverty/followers","following_url":"https://api.github.com/users/SLaverty/following{/other_user}","gists_url":"https://api.github.com/users/SLaverty/gists{/gist_id}","starred_url":"https://api.github.com/users/SLaverty/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/SLaverty/subscriptions","organizations_url":"https://api.github.com/users/SLaverty/orgs","repos_url":"https://api.github.com/users/SLaverty/repos","events_url":"https://api.github.com/users/SLaverty/events{/privacy}","received_events_url":"https://api.github.com/users/SLaverty/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2015-04-22T16:06:33Z","updated_at":"2015-04-22T16:06:33Z","closed_at":null,"body":"We have had a question from our Web Services team regarding the CSS used for the \"Section Menu\" on WET 4 templates  (see http://wet-boew.github.io/themes-dist/GCWeb/partners/index-en.html).  We found it useful to use colour and margin spaces within the Section Menus on our WET 4 sites to better identify to users their location in the site and to understand the site structure (IA) (see image of Canada150 site, below).  \r\n\r\nIn our current implementation of WET 4, we used custom CSS code from Immigration (see code snips, below) to achieve the changes.  As we are now moving to remove all custom CSS from the WET 4 sites, we would like to propose the inclusion of this custom CSS in the templates on github.   The current implementation of the Section Menus does not distinguish between levels of navigation, or the Section Name (screenshot from github, below). Although we don't need three levels of navigation across our topic/destination content, we do need it for special event sites where all content hangs off a left nav.   Can someone confirm if section menus can be adapted to allow 3 distinguishing levels of navigation?     \r\n\r\nhttp://canada150.gc.ca/eng/1408122550222/1408364702611\r\n\r\n![image](https://cloud.githubusercontent.com/assets/12070853/7279068/3d2a9560-e8e7-11e4-96ce-b9d6c0d1fa2c.png)\r\n\r\nGITHUB IMPLEMENTATION OF SECTION MENU WITHOUT CUSTOM CSS\r\n\r\n![image](https://cloud.githubusercontent.com/assets/12070853/7279079/54cd0338-e8e7-11e4-8480-8d054fbfb703.png)\r\n\r\nCUSTOM CSS CODE SNIP\r\n\r\n\r\nThis is to add a top level blue background, and push the other two standard ones down a level.  Take from Immigration site\r\n.wb-topnav {\r\n    background-color: #335075 !important;\r\n    color: #ffffff !important;\r\n}\r\n\r\nWe needed an additional level, for Canada150, so we added this code\r\n\r\n\r\n.wb-nav3 {\r\n    background-color: rgb(245, 245, 245) !important;\r\n    padding-left: 3em !important;\r\n\r\n}\r\n\r\n#wb-sec .list-group a.wb-nav3.wb-navcurr, #wb-sec .list-group a.wb-nav3[href]:focus, #wb-sec .list-group a.wb-nav3[href]:hover {\r\n    background-color: gray !important;;\r\n    color: #fff !important;;\r\n} \r\n\r\nContact:  \r\nSandra Laverty\r\nCulture, history & sport theme\r\nsandra.laverty@pch.gc.ca\r\n819-934-1334"}}