better css

This commit is contained in:
Adrian Amaglio 2023-03-12 02:13:33 +01:00
parent 8b1816e05f
commit 3556238246
2 changed files with 14 additions and 6 deletions

View File

@ -37,10 +37,20 @@ h2 {
/* Menu */
@media (max-width: 800px) {
nav {
position:relative;
}
}
@media (min-width: 800px) {
nav {
position:fixed;
}
}
nav {
background-color: rgba(1, 1, 1, 0.7);
color: white;
position: fixed;
z-index: 999;
width:100%;
padding:0;
@ -49,13 +59,11 @@ nav {
nav > ul {
display: inline-block;
margin: 0 auto;
height: 86px;
}
nav > ul > li {
display: inline-block;
padding: 0 20px;
height: 100%;
vertical-align:top;
height: 86px;
}
nav > ul > li a {
display: block;

View File

@ -46,8 +46,8 @@ format(slug=tag.slug) }}{% endif %}" type="application/rss+xml" rel="alternate"
<body>
<!-- Nav -->
<nav id="nav" class="flex_container">
<img class="flex_item" src="{{ SITEURL }}/theme/images/logo.webp" />
<ul class="flex_item">
<img src="{{ SITEURL }}/theme/images/logo.webp" />
<ul class="flex_container">
<li><a href="{{SITEURL}}/index.html#header"><span>Accueil</span></a></li>
{% for category_name in MENU_CATEGORIES %}