responsive header

This commit is contained in:
2025-09-22 16:08:10 +02:00
parent 3855efa611
commit 98de7de265
3 changed files with 23 additions and 6 deletions
+13 -3
View File
@@ -126,7 +126,7 @@
}
.layout-content {
padding-top: 7rem;
padding-top: 10rem;
padding-bottom: 6rem;
}
@@ -6395,7 +6395,7 @@ body.type-media-reportage-photos .block-region-third .block-entity-fieldnodefiel
padding-right: 2.5rem;
}
#header-top .region-header-top-rigth #block-logoeql img {
width: 80px;
width: 90%;
height: auto;
}
@media (max-width: 870px) {
@@ -6417,6 +6417,11 @@ body.type-media-reportage-photos .block-region-third .block-entity-fieldnodefiel
#header-top .region-header-top-rigth #block-burger :hover {
cursor: pointer;
}
@media (max-width: 870px) {
#header-top .region-header-top-rigth #block-burger {
width: 4rem;
}
}
#header-top .region-header-top-rigth #block-burger h2 {
padding-top: 1rem;
font-size: 1em;
@@ -6427,7 +6432,12 @@ body.type-media-reportage-photos .block-region-third .block-entity-fieldnodefiel
display: block;
margin: auto;
height: 70px;
content: url('data:image/svg+xml,<svg width="50" height="50" xmlns="http://www.w3.org/2000/svg" version="1.1"> <path id="path930" d="M 5,13 H 65" stroke-linecap="round" stroke="black" stroke-width="2.5"/><path id="path930-3" d="M 5,25 H 65" stroke-linecap="round" stroke="black" stroke-width="2.5"/><path id="path930-6" d="M 5,37 H 65" stroke-linecap="round" stroke="black" stroke-width="2.5"/></svg>');
content: url('data:image/svg+xml,<svg width="50" height="50" xmlns="http://www.w3.org/2000/svg" version="1.1"> <path id="path930" d="M 5,13 H 65" stroke-linecap="round" stroke="black" stroke-width="2"/><path id="path930-3" d="M 5,25 H 65" stroke-linecap="round" stroke="black" stroke-width="2"/><path id="path930-6" d="M 5,37 H 65" stroke-linecap="round" stroke="black" stroke-width="2"/></svg>');
}
@media (max-width: 870px) {
#header-top .region-header-top-rigth #block-burger h2:after {
content: url('data:image/svg+xml,<svg width="40" height="50" xmlns="http://www.w3.org/2000/svg" version="1.1"> <path id="path930" d="M 5,13 H 65" stroke-linecap="round" stroke="black" stroke-width="2"/><path id="path930-3" d="M 5,25 H 65" stroke-linecap="round" stroke="black" stroke-width="2"/><path id="path930-6" d="M 5,37 H 65" stroke-linecap="round" stroke="black" stroke-width="2"/></svg>');
}
}
#header-top .region-header-top-rigth #block-burger #block-burger-menu {
display: block;
@@ -33,7 +33,7 @@
}
}
.layout-content{
padding-top: 7rem;
padding-top: 10rem;
padding-bottom: 6rem;
}
.path-frontpage{
@@ -102,7 +102,7 @@
padding-left: 1rem;
padding-right: 2.5rem;
img{
width: 80px;
width: 90%;
height: auto;
}
@media (max-width: 870px){
@@ -129,6 +129,9 @@
:hover{
cursor: pointer;
}
@media (max-width: 870px){
width: 4rem;
}
h2{
padding-top: 1rem;
font-size: 1em;
@@ -139,7 +142,11 @@
display: block;
margin:auto;
height: 70px;
content:url('data:image/svg+xml,<svg width="50" height="50" xmlns="http://www.w3.org/2000/svg" version="1.1"> <path id="path930" d="M 5,13 H 65" stroke-linecap="round" stroke="black" stroke-width="2.5"/><path id="path930-3" d="M 5,25 H 65" stroke-linecap="round" stroke="black" stroke-width="2.5"/><path id="path930-6" d="M 5,37 H 65" stroke-linecap="round" stroke="black" stroke-width="2.5"/></svg>');
content:url('data:image/svg+xml,<svg width="50" height="50" xmlns="http://www.w3.org/2000/svg" version="1.1"> <path id="path930" d="M 5,13 H 65" stroke-linecap="round" stroke="black" stroke-width="2"/><path id="path930-3" d="M 5,25 H 65" stroke-linecap="round" stroke="black" stroke-width="2"/><path id="path930-6" d="M 5,37 H 65" stroke-linecap="round" stroke="black" stroke-width="2"/></svg>');
@media (max-width: 870px){
content:url('data:image/svg+xml,<svg width="40" height="50" xmlns="http://www.w3.org/2000/svg" version="1.1"> <path id="path930" d="M 5,13 H 65" stroke-linecap="round" stroke="black" stroke-width="2"/><path id="path930-3" d="M 5,25 H 65" stroke-linecap="round" stroke="black" stroke-width="2"/><path id="path930-6" d="M 5,37 H 65" stroke-linecap="round" stroke="black" stroke-width="2"/></svg>');
}
}
#block-burger-menu{