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,15 +20,6 @@
<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">
<div class="container">
<div class="grid">
<div class="col sml-6">
<div id="main-header" class="logo">
<img src="<?php $plxShow->template(); ?>/img/logo-hadoly.png" alt="logo d'Hadoly"> <img src="<?php $plxShow->template(); ?>/img/logo-hadoly.png" alt="logo d'Hadoly">
<div id="title"> <div id="title">
@ -36,15 +27,7 @@
<h2 id="subtitle" class="h5 no-margin"><?php $plxShow->subTitle(); ?></h2> <h2 id="subtitle" class="h5 no-margin"><?php $plxShow->subTitle(); ?></h2>
</div> </div>
</div>
</div>
<div class="col sml-6">
<nav class="nav"> <nav class="nav">
<div class="responsive-menu"> <div class="responsive-menu">
<label for="menu"></label> <label for="menu"></label>
<input type="checkbox" id="menu"> <input type="checkbox" id="menu">
@ -53,13 +36,5 @@
<?php $plxShow->pageBlog('<li class="#page_class #page_status" id="#page_id"><a href="#page_url" title="#page_name">#page_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> </ul>
</div> </div>
</nav> </nav>
</div>
</div>
</div>
</header> </header>