From dd40e99ae16cdcccbff8c354292199c8ef24103f Mon Sep 17 00:00:00 2001 From: ouidade Date: Fri, 27 Sep 2024 10:03:39 +0200 Subject: [PATCH] header modile --- .../dist/assets/css/bundle.css | 15 ++++++++++----- .../src/assets/scss/partials/header.scss | 14 ++++++++++---- .../src/assets/scss/partials/timeline.scss | 2 +- 3 files changed, 21 insertions(+), 10 deletions(-) diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css index ef74067..4f1ced5 100644 --- a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css +++ b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css @@ -399,15 +399,20 @@ header .header_nav_container #block-quartiers-de-demain-entete ul { padding-right: 1rem; margin: 0; } -@media (max-width: 920px) { +@media (max-width: 1025px) { header .header_nav_container #block-quartiers-de-demain-entete ul { - top: 16px; + top: 0; align-items: center; } } +@media (max-width: 1090px) { + header .header_nav_container #block-quartiers-de-demain-entete ul { + top: 16px; + } +} @media (max-width: 1090px) { header .header_nav_container #block-quartiers-de-demain-entete ul li { - padding-top: 0.5rem; + padding-top: 0.3rem; } } header .header_nav_container #block-quartiers-de-demain-entete ul li a { @@ -417,7 +422,7 @@ header .header_nav_container #block-quartiers-de-demain-entete ul li a { } @media (max-width: 1090px) { header .header_nav_container #block-quartiers-de-demain-entete ul li a { - font-size: 0.9rem; + font-size: 0.6rem; } } @media (max-width: 500px) { @@ -1201,7 +1206,7 @@ footer { font-size: 2.5rem; display: inline-block; line-height: 0; - transform: translateY(22.5rem); + transform: translateY(21.3rem); padding-right: 3rem; } } diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/header.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/header.scss index 600819b..c3ac031 100644 --- a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/header.scss +++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/header.scss @@ -142,21 +142,27 @@ header{ // @media(max-width: 1200px){ // top:0; // } - @media(max-width: 920px){ - top: calc($header-height-pad / 10 ); + @media(max-width: 1025px){ + top: 0; align-items: center; // margin: 1rem; } + @media(max-width: 1090px){ + top: calc($header-height-pad / 10); + } li{ @media(max-width: 1090px){ - padding-top: 0.5rem; + padding-top: 0.3rem; } + // @media(max-width: 500px){ + // padding-top: 0.5rem; + // } a{ text-transform: uppercase; color: white; font-size: 0.5rem; @media(max-width:1090px){ - font-size: 0.9rem; + font-size: 0.6rem; } @media(max-width: 500px){ display: flex; diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/timeline.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/timeline.scss index 0405456..ed8fb64 100644 --- a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/timeline.scss +++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/timeline.scss @@ -67,7 +67,7 @@ font-size: 2.5rem; display: inline-block; line-height: 0; - transform: translateY(22.5rem); + transform: translateY(21.3rem); padding-right: 3rem; } }