diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css index fdba617..151e7cf 100644 --- a/web/themes/custom/eql/css-compiled/styles.css +++ b/web/themes/custom/eql/css-compiled/styles.css @@ -342,8 +342,10 @@ header { #header-top #block-burger h2:after { display: block; height: 60px; - content: ""; - background-image: url("~/web/themes/custom/eql/images/pictos/menu.png"); + font-family: 'Font Awesome'; + content: "\f0c9"; + font-weight: 100; + font-size: 5rem; height: 6rem; } #header-top #block-burger #block-burger-menu { display: block; @@ -351,10 +353,12 @@ header { align-self: center; text-align: center; height: 7rem; } - #header-top #block-burger .menuOpen:first-of-type { - width: 500%; + #header-top #block-burger .ul1:not(.sous-liste) { + width: 300%; position: relative; - right: 0; } + right: 260px; + margin: 0; + padding-top: 2rem; } #header-top #block-burger ul { display: none; background-color: #009ee3; @@ -363,6 +367,7 @@ header { #header-top #block-burger ul .ul1 .sous-liste a { opacity: 1; } #header-top #block-burger ul a { + opacity: 0.6; color: white; font-weight: 800; font-size: 1rem; } diff --git a/web/themes/custom/eql/scss/partials/_header.scss b/web/themes/custom/eql/scss/partials/_header.scss index c4ac2b2..2571fe4 100644 --- a/web/themes/custom/eql/scss/partials/_header.scss +++ b/web/themes/custom/eql/scss/partials/_header.scss @@ -76,12 +76,12 @@ header{ h2:after{ display: block; height: 60px; - // font-family: 'Font Awesome'; - // content: "\f0c9"; - // font-weight: 100; - // font-size: 5rem; - content:""; - background-image: url('~/web/themes/custom/eql/images/pictos/menu.png'); + font-family: 'Font Awesome'; + content: "\f0c9"; + font-weight: 100; + font-size: 5rem; + // content:""; + // background-image: url('~/web/themes/custom/eql/images/pictos/menu.png'); height: 6rem; } @@ -93,34 +93,28 @@ header{ height:7rem; } - // ul {display: none;} - .menuOpen:first-of-type{ - width: 500%; + + .ul1:not(.sous-liste){ + width: 300%; position: relative; - right: 0; + right: 260px; + margin: 0; + padding-top: 2rem; + } ul { display: none; - // width: 100vw; - // position: relative; - // bottom:8%;; - // left: calc(-30vw + 50%); - // height: fit-content; - // padding-bottom: 1rem; - // padding-top: 1rem; background-color: $blue-light; line-height: 2rem; list-style: none; .ul1 .sous-liste{ - - // left: calc(-50vw + 50%); - // padding-top: 0; a{ opacity: 1; } } a{ + opacity: 0.6; color: $white; font-weight: 800; font-size: 1rem;