Simplify the header

Delete bootstrap class for flexbox
1 year ago · fa1f86e85d
--- a/css/theme.css
+++ b/css/theme.css
@ -47,6 +47,8 @@ body {
 	padding: 1.3rem 0 1.3rem 0;
 	height: 9rem;
 	z-index: 2;
 	display: flex;
 	justify-content: center;
 }

 .header a {
@ -57,37 +59,20 @@ body {
 	text-decoration: none;
 }

 #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 {
 	#title h2 {
 		display: none;
 	}

 	/* #title {
 		margin-top: 20px;
 	} */
 }

@media (max-width: 463px) {
 	#title {
 	#title h1 {
 		display: none;
 	}
 }
@ -97,6 +82,8 @@ body {
 .nav {
 	text-align: right;
 	padding-top: 1.7rem;
 	position: absolute;
 	right: 0;
 }

 ul.menu {
--- a/header.php
+++ b/header.php
@ -20,46 +20,21 @@
 <body id="top" class="page mode-<?php $plxShow->mode(true) ?>">

 	<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">
 					
 						<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>

 		<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>

 		<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>