Browse Source

changement gestion positionnement menu et banniere + header

kolsim 1 year ago
parent
commit
beb166fb80
2 changed files with 17 additions and 9 deletions
  1. 14 8
      public/css/creative.css
  2. 3 1
      public/index.html

+ 14 - 8
public/css/creative.css

@@ -15,10 +15,21 @@
     text-align: center;
 }
 
+#mainNav.navbar-fixed-top {
+    position: sticky;
+}
+
+#mainNav.affix {
+    position: fixed;
+}
+
+#mainNav.navbar {
+    margin-bottom: 0;
+}
+
 .banner {
     width: 100%;
     text-align: center;
-    margin-top: 25px;
 }
 
 .banner img {
@@ -417,9 +428,8 @@ aside {
 }
 
 header {
-    position: relative;
+    position: static;
     width: 100%;
-    min-height: auto;
     text-align: center;
     color: #fff;
     background-image: url(../img/header.jpg);
@@ -460,12 +470,8 @@ header .header-content .header-content-inner p {
     }
 
     header .header-content {
-        position: absolute;
-        top: 20%;
+        position: static;
         padding: 0 50px;
-        -webkit-transform: translateY(-50%);
-        -ms-transform: translateY(-50%);
-        transform: translateY(-50%);
     }
 
     header .header-content .header-content-inner {

+ 3 - 1
public/index.html

@@ -105,7 +105,9 @@
         <!-- /.container-fluid -->
     </nav>
 
-    <div class="banner"><a href="https://www.tera.coop/vivre-en-milieu-rural"><img src="/img/bandeau_cese.png" alt="Bandeau séminaire Vivre, Entreprendre et Investir en milieu rural" /></a></div>
+    <div class="banner">
+        <a href="https://www.tera.coop/vivre-en-milieu-rural"><img src="/img/bandeau_cese.png" alt="Bandeau séminaire Vivre, Entreprendre et Investir en milieu rural" /></a>
+    </div>
 
     <header>
         <div class="header-content">