Simplify the header

Delete bootstrap class for flexbox
This commit is contained in:
PEGeoffroy 2019-09-16 16:59:25 +02:00
parent a622dac33e
commit fa1f86e85d
2 changed files with 21 additions and 59 deletions

View File

@ -47,6 +47,8 @@ body {
padding: 1.3rem 0 1.3rem 0; padding: 1.3rem 0 1.3rem 0;
height: 9rem; height: 9rem;
z-index: 2; z-index: 2;
display: flex;
justify-content: center;
} }
.header a { .header a {
@ -57,37 +59,20 @@ body {
text-decoration: none; text-decoration: none;
} }
#main-header{
display: flex;
justify-content: space-between;
}
#title{ #title{
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; 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) { @media (max-width: 921px) {
#subtitle { #title h2 {
display: none; display: none;
} }
/* #title {
margin-top: 20px;
} */
} }
@media (max-width: 463px) { @media (max-width: 463px) {
#title { #title h1 {
display: none; display: none;
} }
} }
@ -97,6 +82,8 @@ body {
.nav { .nav {
text-align: right; text-align: right;
padding-top: 1.7rem; padding-top: 1.7rem;
position: absolute;
right: 0;
} }
ul.menu { ul.menu {

View File

@ -20,46 +20,21 @@
<body id="top" class="page mode-<?php $plxShow->mode(true) ?>"> <body id="top" class="page mode-<?php $plxShow->mode(true) ?>">
<header class="header sticky"> <header class="header sticky">
<img src="<?php $plxShow->template(); ?>/img/logo-hadoly.png" alt="logo d'Hadoly">
<div class="container"> <div id="title">
<h1 class="no-margin heading-small"><?php $plxShow->mainTitle('link'); ?></h1>
<div class="grid"> <h2 id="subtitle" class="h5 no-margin"><?php $plxShow->subTitle(); ?></h2>
<div class="col sml-6">
<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>
</div>
</div>
<div class="col sml-6">
<nav class="nav">
<div class="responsive-menu">
<label for="menu"></label>
<input type="checkbox" id="menu">
<ul class="menu">
<?php $plxShow->staticList($plxShow->getLang('HOME'),'<li class="#static_class #static_status" id="#static_id"><a href="#static_url" title="#static_name">#static_name</a></li>'); ?>
<?php $plxShow->pageBlog('<li class="#page_class #page_status" id="#page_id"><a href="#page_url" title="#page_name">#page_name</a></li>'); ?>
</ul>
</div>
</nav>
</div>
</div>
</div> </div>
<nav class="nav">
<div class="responsive-menu">
<label for="menu"></label>
<input type="checkbox" id="menu">
<ul class="menu">
<?php $plxShow->staticList($plxShow->getLang('HOME'),'<li class="#static_class #static_status" id="#static_id"><a href="#static_url" title="#static_name">#static_name</a></li>'); ?>
<?php $plxShow->pageBlog('<li class="#page_class #page_status" id="#page_id"><a href="#page_url" title="#page_name">#page_name</a></li>'); ?>
</ul>
</div>
</nav>
</header> </header>