fix tamporaire bug actu carroussel =responsive

This commit is contained in:
2025-03-03 22:20:11 +01:00
parent 5eceec0083
commit 4aaa3f90c5
8 changed files with 193 additions and 22 deletions

View File

@@ -45,7 +45,7 @@ $width-menu-slidedown : 550px;
@media(max-width: 810px){
padding-top: 380px;
padding-top: 300px;
}
}
}

View File

@@ -33,7 +33,10 @@
.node-type-actualite{
width: 100%;
padding-bottom: 7rem;
display: flex;
flex-direction: column;
.infos-actu{
order: 1;
display: flex;
flex-direction: row;
border-top: solid red 1px;
@@ -65,12 +68,14 @@
}
.field_body {
order: 2;
padding-bottom: 2rem;
p{
font-size: 0.8rem;
}
}
.field_field_liens{
order: 3;
padding-bottom: 2rem;
a{
padding-left: 0.5rem;
@@ -91,9 +96,14 @@
}
}
a:not(.ext){
display: none;
}
}
.field_field_images{
order: 5;
img{
width: 100%;
height: auto;

View File

@@ -16,10 +16,16 @@
}
button{
top: -2.5rem;
@media(max-width: 810px){
top: -1.5rem;
}
}
.content-actus{
.slick-list{
padding-bottom: 4rem;
@media(max-width: 810px){
padding-bottom: 0rem;
}
}
.view{
display: flex;

View File

@@ -184,14 +184,18 @@ header{
transform: translateX(0);
transition: transform 0.3s ease-in-out;
z-index: -1 ;
display: flex;
flex-direction: column;
@media(max-width: 1090px){
// text-align:left;
height: fit-content;
// height: fit-content;
}
@media(max-width: 500px){
flex: 0 0 40%;
}
#block-quartiers-de-demain-entete{
margin: auto;
h2{
display: none;
}
@@ -307,7 +311,7 @@ header{
flex: 1 0 100%;
position: relative;
left: -100%;
top: -45px;
// top: -45px; /* a remettre et faire varier si ajoute éléments dans menu */
}
}
@@ -343,7 +347,10 @@ header{
flex: 1 0 100%;
position: relative;
left: -100%;
top: -75px;
// top: -75px;
}
@media(max-width: 550px){
top: 0px;
}
}