responsive header
This commit is contained in:
+13
-3
@@ -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{
|
||||
|
||||
Reference in New Issue
Block a user