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 */ /* 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;

View File

@ -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 %}