better css
This commit is contained in:
parent
8b1816e05f
commit
3556238246
@ -37,10 +37,20 @@ h2 {
|
|||||||
|
|
||||||
/* Menu */
|
/* Menu */
|
||||||
|
|
||||||
|
@media (max-width: 800px) {
|
||||||
|
nav {
|
||||||
|
position:relative;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (min-width: 800px) {
|
||||||
|
nav {
|
||||||
|
position:fixed;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
nav {
|
nav {
|
||||||
background-color: rgba(1, 1, 1, 0.7);
|
background-color: rgba(1, 1, 1, 0.7);
|
||||||
color: white;
|
color: white;
|
||||||
position: fixed;
|
|
||||||
z-index: 999;
|
z-index: 999;
|
||||||
width:100%;
|
width:100%;
|
||||||
padding:0;
|
padding:0;
|
||||||
@ -49,13 +59,11 @@ nav {
|
|||||||
nav > ul {
|
nav > ul {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
height: 86px;
|
|
||||||
}
|
}
|
||||||
nav > ul > li {
|
nav > ul > li {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
padding: 0 20px;
|
padding: 0 20px;
|
||||||
height: 100%;
|
height: 86px;
|
||||||
vertical-align:top;
|
|
||||||
}
|
}
|
||||||
nav > ul > li a {
|
nav > ul > li a {
|
||||||
display: block;
|
display: block;
|
||||||
|
@ -46,8 +46,8 @@ format(slug=tag.slug) }}{% endif %}" type="application/rss+xml" rel="alternate"
|
|||||||
<body>
|
<body>
|
||||||
<!-- Nav -->
|
<!-- Nav -->
|
||||||
<nav id="nav" class="flex_container">
|
<nav id="nav" class="flex_container">
|
||||||
<img class="flex_item" src="{{ SITEURL }}/theme/images/logo.webp" />
|
<img src="{{ SITEURL }}/theme/images/logo.webp" />
|
||||||
<ul class="flex_item">
|
<ul class="flex_container">
|
||||||
<li><a href="{{SITEURL}}/index.html#header"><span>Accueil</span></a></li>
|
<li><a href="{{SITEURL}}/index.html#header"><span>Accueil</span></a></li>
|
||||||
{% for category_name in MENU_CATEGORIES %}
|
{% for category_name in MENU_CATEGORIES %}
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user