WIP header
This commit is contained in:
parent
64082c408c
commit
a622dac33e
|
@ -44,7 +44,7 @@ body {
|
|||
.header {
|
||||
background-color: #fff;
|
||||
border-bottom: 1px solid #ddd;
|
||||
padding-top: 1.3rem;
|
||||
padding: 1.3rem 0 1.3rem 0;
|
||||
height: 9rem;
|
||||
z-index: 2;
|
||||
}
|
||||
|
@ -57,26 +57,37 @@ body {
|
|||
text-decoration: none;
|
||||
}
|
||||
|
||||
.logo {
|
||||
#main-header{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
#title{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
/* .logo {
|
||||
background: url("../img/logo-hadoly.png") top left no-repeat;
|
||||
height: 10rem;
|
||||
background-size: 8rem;
|
||||
background-position: 2rem 0;
|
||||
padding-left: 11rem;
|
||||
}
|
||||
} */
|
||||
|
||||
@media (max-width: 921px) {
|
||||
#subtitle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#title {
|
||||
/* #title {
|
||||
margin-top: 20px;
|
||||
}
|
||||
} */
|
||||
}
|
||||
|
||||
@media (max-width: 463px) {
|
||||
#title, #subtitle {
|
||||
#title {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
|
11
header.php
11
header.php
|
@ -27,10 +27,15 @@
|
|||
|
||||
<div class="col sml-6">
|
||||
|
||||
<div class="logo">
|
||||
<div id="main-header" class="logo">
|
||||
|
||||
<img src="<?php $plxShow->template(); ?>/img/logo-hadoly.png" alt="logo d'Hadoly">
|
||||
|
||||
<div id="title">
|
||||
<h1 class="no-margin heading-small"><?php $plxShow->mainTitle('link'); ?></h1>
|
||||
<h2 id="subtitle" class="h5 no-margin"><?php $plxShow->subTitle(); ?></h2>
|
||||
</div>
|
||||
|
||||
<h1 id="title" class="no-margin heading-small"><?php $plxShow->mainTitle('link'); ?></h1>
|
||||
<h2 id="subtitle" class="h5 no-margin"><?php $plxShow->subTitle(); ?></h2>
|
||||
|
||||
</div>
|
||||
|
||||
|
|
Loading…
Reference in New Issue