diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css index 544f0e4..c3df025 100644 --- a/web/themes/custom/eql/css-compiled/styles.css +++ b/web/themes/custom/eql/css-compiled/styles.css @@ -187,7 +187,7 @@ a { .page-node-type-static .layout__region--third .block-region-third { margin: auto; } } -@media (max-width: 479px) { +@media (max-width: 300px) { #header-top #block-logogouv img { min-width: 60px; width: 70%; @@ -3552,7 +3552,8 @@ a { .layout-container header { width: 100%; position: fixed; - z-index: 99; } + z-index: 99; + max-width: 100vw; } #header-top { height: 7rem; @@ -3638,15 +3639,14 @@ a { align-self: flex-end; margin-left: auto; } #header-top #block-socialnetwork-2 .field--name-body { - min-height: 75px; - margin-right: 1rem; } + min-height: 75px; } #header-top #block-socialnetwork-2 p { display: flex; flex-direction: row-reverse; margin-bottom: 0; min-height: 65px; justify-content: space-around; - width: 120%; } + width: 140px; } #header-top #block-socialnetwork-2 p a { color: white; font-size: 0; } @@ -3699,7 +3699,7 @@ a { display: block; margin: auto; height: 70px; - content: url('data:image/svg+xml, '); } + content: url('data:image/svg+xml, '); } #header-top #block-burger #block-burger-menu { display: block; margin: 0; diff --git a/web/themes/custom/eql/scss/global/_mediaqueries.scss b/web/themes/custom/eql/scss/global/_mediaqueries.scss index ce7e5bf..ea38f9b 100644 --- a/web/themes/custom/eql/scss/global/_mediaqueries.scss +++ b/web/themes/custom/eql/scss/global/_mediaqueries.scss @@ -5,6 +5,7 @@ display:none; } + .page-node-type-static{ //bandeau titre page static @@ -53,6 +54,8 @@ /////////marche pas !!!!!! @media (max-width: 810px){ + + .page-node-type-static{ //bandeau titre page static @@ -84,7 +87,7 @@ } -@media (max-width: 479px){ +@media (max-width: 300px){ #header-top{ #block-logogouv{ img{ @@ -134,4 +137,6 @@ } } } -} \ No newline at end of file +} + + diff --git a/web/themes/custom/eql/scss/partials/_header.scss b/web/themes/custom/eql/scss/partials/_header.scss index dcc4f2f..0a69c03 100644 --- a/web/themes/custom/eql/scss/partials/_header.scss +++ b/web/themes/custom/eql/scss/partials/_header.scss @@ -6,6 +6,7 @@ width: 100%; position: fixed; z-index: 99; + max-width: 100vw; // position: -webkit-sticky; // position: sticky; // top: 0; @@ -29,8 +30,10 @@ justify-content: space-between; color: $black; top:0%; + scroll-margin: 8rem {}; + // logo + menu déroulant .region-header-top-left { @@ -42,6 +45,7 @@ color: $black; font-weight: 800; flex: 1; + #block-logogouv{ display: flex; @@ -148,7 +152,7 @@ margin-left: auto; .field--name-body{ min-height: 75px; - margin-right: 1rem; + // margin-right: 1rem; } p{ display: flex; @@ -156,7 +160,7 @@ margin-bottom: 0; min-height: 65px; justify-content: space-around; - width: 120%; + width: 140px; a{ color: $white; font-size: 0; @@ -226,8 +230,8 @@ display: block; margin:auto; height: 70px; - content:url('data:image/svg+xml, '); - } + content:url('data:image/svg+xml, '); + } #block-burger-menu{ display: block;