pegeoffroy
/
theme_pluxml_hadoly
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

WIP header

This commit is contained in:
PEGeoffroy 2019-09-13 17:06:43 +02:00
parent 64082c408c
commit a622dac33e
2 changed files with 25 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
css/theme.css
View File

@ -44,7 +44,7 @@ body {
.header { .header {
background-color: #fff; background-color: #fff;
border-bottom: 1px solid #ddd; border-bottom: 1px solid #ddd;
padding-top: 1.3rem; padding: 1.3rem 0 1.3rem 0;
height: 9rem; height: 9rem;
z-index: 2; z-index: 2;
} }
@ -57,26 +57,37 @@ body {
text-decoration: none; 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; background: url("../img/logo-hadoly.png") top left no-repeat;
height: 10rem; height: 10rem;
background-size: 8rem; background-size: 8rem;
background-position: 2rem 0; background-position: 2rem 0;
padding-left: 11rem; padding-left: 11rem;
} } */
@media (max-width: 921px) { @media (max-width: 921px) {
#subtitle { #subtitle {
display: none; display: none;
} }
#title { /* #title {
margin-top: 20px; margin-top: 20px;
} } */
} }
@media (max-width: 463px) { @media (max-width: 463px) {
#title, #subtitle { #title {
display: none; display: none;
} }
} }

11
header.php
View File

@ -27,10 +27,15 @@
<div class="col sml-6"> <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">
<h1 id="title" class="no-margin heading-small"><?php $plxShow->mainTitle('link'); ?></h1> <div id="title">
<h2 id="subtitle" class="h5 no-margin"><?php $plxShow->subTitle(); ?></h2> <h1 class="no-margin heading-small"><?php $plxShow->mainTitle('link'); ?></h1>
<h2 id="subtitle" class="h5 no-margin"><?php $plxShow->subTitle(); ?></h2>
</div>
</div> </div>