diff --git a/_sass/_header.scss b/_sass/_header.scss index 57ac49e56c4d2d7032b2151e868a336132b78f7a..509d99a9e90769548e83ebc2097dbff80a3aa461 100644 --- a/_sass/_header.scss +++ b/_sass/_header.scss @@ -14,11 +14,8 @@ li { display: inline-block; - margin-right: 1.4em; - } - - li:last-child { - margin-right: 0; + margin-left: 0.7em; + margin-right: 0.7em; } a { @@ -54,16 +51,24 @@ .hero { background: $hero; background: linear-gradient($hero, darken($hero, 8%)); - padding: 4em 2em 5em; overflow: hidden; width: 120%; - margin: -3.1em 0 5em -10%; + padding: 4em 2em 4em; + margin: -3.1em 0 4em -10%; + + @media (min-width: $tablet ) { + padding-bottom: 5em; + margin-bottom: 5em; + } .icon-logo-hero { width: 6.5em; } .a11y-title { + @media (max-width: $mobile) { + font-size: 2.2em; + } margin-bottom: 0; } @@ -75,6 +80,10 @@ .connect-with-a11y { margin-bottom: 0; + li { + margin: 0 .6em 1.6em; + } + a { background: $link; color: #fff; diff --git a/js/scripts.js b/js/scripts.js index 1585a1dd32fa0d2b08bdce5f3941e2f1d6e19659..e6960f6dfbb86d313b49aed017bfafeecd99fe42 100644 --- a/js/scripts.js +++ b/js/scripts.js @@ -112,10 +112,14 @@ $(document).ready(function(){ addAccordionSemantics(element, tabindex); }); + // unbind the clicks to prevent multiple bindings + $(document).unbind('click'); + // bind click on mobile accordion $(document).on('click', '.accordion-section__title', function() { var accordion_title = $(this); var accordion_content = $(this).next('.accordion-section__content'); + console.log('click'); if( accordion_content.hasClass('visible') ) { // close the accordion and change attributes on title and content @@ -131,7 +135,6 @@ $(document).ready(function(){ 'aria-expanded': 'true' }); accordion_content.addClass('visible').attr('aria-hidden', 'false'); - } });