header modile

This commit is contained in:
ouidade 2024-09-27 10:03:39 +02:00
parent 182bcea4b0
commit dd40e99ae1
3 changed files with 21 additions and 10 deletions

View File

@ -399,15 +399,20 @@ header .header_nav_container #block-quartiers-de-demain-entete ul {
padding-right: 1rem; padding-right: 1rem;
margin: 0; margin: 0;
} }
@media (max-width: 920px) { @media (max-width: 1025px) {
header .header_nav_container #block-quartiers-de-demain-entete ul { header .header_nav_container #block-quartiers-de-demain-entete ul {
top: 16px; top: 0;
align-items: center; align-items: center;
} }
} }
@media (max-width: 1090px) {
header .header_nav_container #block-quartiers-de-demain-entete ul {
top: 16px;
}
}
@media (max-width: 1090px) { @media (max-width: 1090px) {
header .header_nav_container #block-quartiers-de-demain-entete ul li { 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 { 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) { @media (max-width: 1090px) {
header .header_nav_container #block-quartiers-de-demain-entete ul li a { header .header_nav_container #block-quartiers-de-demain-entete ul li a {
font-size: 0.9rem; font-size: 0.6rem;
} }
} }
@media (max-width: 500px) { @media (max-width: 500px) {
@ -1201,7 +1206,7 @@ footer {
font-size: 2.5rem; font-size: 2.5rem;
display: inline-block; display: inline-block;
line-height: 0; line-height: 0;
transform: translateY(22.5rem); transform: translateY(21.3rem);
padding-right: 3rem; padding-right: 3rem;
} }
} }

View File

@ -142,21 +142,27 @@ header{
// @media(max-width: 1200px){ // @media(max-width: 1200px){
// top:0; // top:0;
// } // }
@media(max-width: 920px){ @media(max-width: 1025px){
top: calc($header-height-pad / 10 ); top: 0;
align-items: center; align-items: center;
// margin: 1rem; // margin: 1rem;
} }
@media(max-width: 1090px){
top: calc($header-height-pad / 10);
}
li{ li{
@media(max-width: 1090px){ @media(max-width: 1090px){
padding-top: 0.5rem; padding-top: 0.3rem;
} }
// @media(max-width: 500px){
// padding-top: 0.5rem;
// }
a{ a{
text-transform: uppercase; text-transform: uppercase;
color: white; color: white;
font-size: 0.5rem; font-size: 0.5rem;
@media(max-width:1090px){ @media(max-width:1090px){
font-size: 0.9rem; font-size: 0.6rem;
} }
@media(max-width: 500px){ @media(max-width: 500px){
display: flex; display: flex;

View File

@ -67,7 +67,7 @@
font-size: 2.5rem; font-size: 2.5rem;
display: inline-block; display: inline-block;
line-height: 0; line-height: 0;
transform: translateY(22.5rem); transform: translateY(21.3rem);
padding-right: 3rem; padding-right: 3rem;
} }
} }