mougnibas/site-accueil-insa
2
0
Fork 0
forked from rebillar/site-accueil-insa
Code Issues Pull requests Releases Wiki Activity

adaptation pour petits écrans

Browse source
This commit is contained in:
thaaoblues 2023-04-29 10:22:11 +02:00
parent b6536ce199
commit 312598ea1b
1 changed files with 24 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

38
assets/css/menu.css
View file

@ -24,19 +24,7 @@
bottom: 5vh; bottom: 5vh;
} }
@media all and (max-width: 800px) {
/* Add styles for smartphones screens */
#menu ul {
height: auto;
flex-direction: column;
justify-content: center;
}
#menu li {
margin: 5px 0;
}
}
#menu li { #menu li {
margin: 0 10px; margin: 0 10px;
@ -56,11 +44,33 @@ margin: 0 10px;
} }
#menu a:hover{ #menu a:hover{
color: #c22828; color: #e01111;
transform: translateY(-2px); transform: translateY(-2px);
} }
/* Add styles for smartphones screens */
@media all and (max-width: 800px) {
.menu {
position: fixed;
bottom: 0;
width: 100%;
height: 25vh;
z-index: 2;
overflow: visible;
transition: transform 0.3s;
}
#menu ul {
height: auto;
flex-direction: column;
justify-content: center;
}
#menu li {
margin: 5px 0;
}
}
.mobile-menu { .mobile-menu {
display: block; display: block;