header responsive

This commit is contained in:
2024-05-23 16:26:10 +02:00
parent 259340347e
commit bd643e54cb
13 changed files with 364 additions and 526 deletions
@@ -1063,7 +1063,7 @@ header {
@media screen and (max-width: 300px) {
header .row #block-renderedsitesettingsblock-2 {
display: none; } }
@media screen and (max-width: 550px) {
@media screen and (max-width: 1200px) {
header .row #block-renderedsitesettingsblock-2 {
align-content: center; } }
header .row #block-renderedsitesettingsblock-2 a {
@@ -1075,7 +1075,8 @@ header {
display: flex; } }
header .row #block-renderedsitesettingsblock-2 .site_setting_entity {
display: flex;
flex-direction: column; }
flex-direction: column;
align-content: center; }
header .row #block-renderedsitesettingsblock-2 .site_setting_entity h1 {
order: 2;
width: 60%;
@@ -1088,6 +1089,9 @@ header {
@media screen and (max-width: 550px) {
header .row #block-renderedsitesettingsblock-2 .site_setting_entity h1 {
font-size: 1rem; } }
@media (max-width: 1370px) {
header .row #block-renderedsitesettingsblock-2 .site_setting_entity h1 {
width: 100%; } }
header .row #block-renderedsitesettingsblock-2 .site_setting_entity .__info_colloque {
width: fit-content;
order: 1;
@@ -1120,7 +1124,8 @@ header {
header .row #block-renderedsitesettingsblock-2 .site_setting_entity .__info_colloque > div:last-child {
font-size: 0.6rem; } }
header .row #block-colloque2024-mainnavigation {
width: max-content; }
width: max-content;
margin: auto; }
header .row #block-colloque2024-mainnavigation .burger {
padding-top: 0.25rem;
z-index: 9999; }