私のサイトhttp://www.tokensofchange.orgでは、ナビゲーション バーを正しい場所に配置する唯一の方法は、CSS で margin-top スタイルを使用することです。
.nav {
margin-top:10.3%;
width: 70%;
background-color: #050936;
height:92px;
float: right;
border-top: 5px solid rgba(0,108,255,0.35);
}
を削除するmargin-top: 10.3%
と、サイトに表示されている緑色のボタンの下にナビゲーション バーが押し上げられます。ナビゲーションバーを押し下げるために背景画像が正しくフォーマットされていないかどうかはわかりません。
.backgrounddiv {
background: url('/images/Background_Index3.jpg');
padding-bottom: 2%;
background-size: 100% auto;
}
表示されている 2 つのボタンにはマージン スタイルが含まれていないため、背景画像、ロゴ、およびボタンを含むヘッダーの下にナビゲーション バーが配置されない理由がわかりません。どんなアイデアでも大歓迎です。ありがとう!