Bonjour,

Je fais appel à vos lumières car après plusieurs jours de recherches, je ne m'en sors pas.

J’utilise Bootstrap. J’essaye de créer une fixed top navbar transparente.
Comme je n'ai pas su rendre la navbar bootstrap transparente (malgré mes recherches intensives et de nombreux tests), j’ai créé une navbar fixe très simple voire ci-dessous :

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
<body>
 
<div class="container" >
      <div class="row">
        <div class="col-lg-12" id="banner">
 
        </div>
      </div>
</div>
 
</body>

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
 
#banner 
{
    width: 100%;
    position: fixed;
    left:10%;
    top:0;
}
Le problème étant que les élements suivants du body ignorent alors la navbar et se placent dessus.
J’ai tenté un body { padding-top: 70px; } comme conseillé, qui fonctionne mais ne rend évidemment pas le tout responsive pour autant.
Mon menu déroulant version mobile se place sous mes autres éléments lorsque je clique dessus.

Quelqu’un aurait-il une idée afin de rendre le tout responsive ?

Merci d’avance pour le temps accordé et bonne journée à tous