css - トップバーが押し下げられずに重なっていますか?

Question

私は現在、あるサイトで作業を行っていますが、正確に何が起こっているのかわかりません。ここでページを表示できます: http://demo.easythemepro.com/?themedemo=AnimeStar

テーマを切り替えることができるトップバーを見ると、全体を押し下げるのではなく、実際にはウェブサイトと重なっていることがわかります. これを修正するには、正確に何を変更する必要がありますか?

PHPからHTML、CSSまですべてを変更しようとしましたが、それは起こり続けています。このコードを長い間見つめた後、見落としているのは非常に単純な問題であることはわかっています...

Answer 1

に設定されていposition: fixedます。

#wpthemedemobar {
    position: fixed !important;
}

つまり、要素はブラウザ ウィンドウに対して相対的に配置されます。に変更することができrelative、ページのコンテンツに合わせてフローする必要があります。

Answer 2

サイトをオーバーラップせずに固定トップバーを追加したい場合は、iframe を使用してテーマを含める必要があります。