responsive fleche ressuorces

This commit is contained in:
2025-09-22 21:56:51 +02:00
parent 36c55ee931
commit 1e41b1bc98
3 changed files with 67 additions and 67 deletions
@@ -679,17 +679,20 @@
}
@media (max-width: 810px){
.slick-prev {
left: 25vw;
left: 15vw;
}
.slick-next{
right: 40vw;
right: 35vw;
}
}
@media (max-width: 479px){
.slick-prev {
left: 8vw;
}
.slick-next{
right: 30vw;
}
}
// @media (max-width: 479px){
// .slick-prev {
// left: -15%;
// }
// }
}
@@ -41,12 +41,14 @@
display: flex;
height: 100%;
align-items: center;
@media (max-width: 810px){
width: 30%;
.field--name-field-logo{
@media (max-width: 810px){
height: 100%;
}
}
img{
width: 100%;
height: auto;
width: auto;
height: 100%;
}
}
@@ -57,23 +59,6 @@
align-content: center;
padding-left: 1rem;
}
#block-logoeql{
display: flex;
height: 100%;
align-items: center;
img{
// min-width: 80px;
width: 100%;
height: auto;
}
@media (max-width: 810px){
img{
width: 80%;
}
}
}
}
.region-header-top-rigth{
display: flex;
@@ -96,27 +81,35 @@
:link{
color: $blue-dark !important;
}
@media (max-width: 870px){
@media (max-width: 883px){
display: none;
}
}
#block-logoeql{
padding-left: 1rem;
padding-right: 2.5rem;
img{
width: 90%;
height: auto;
}
@media (max-width: 870px){
padding-right: 2rem;
height: 100%;
align-items: center;
@media (max-width:810px){
padding-right: 1rem;
// img{
// width: 50px;
// }
}
}
.field--name-field-logo{
height: 100%;
a{
display: flex;
align-items: center;
height: 100%;
img{
width: auto;
height: 80%;
}
}
}
}
// menu burger à droite
#block-burger {