.navbarを調整し、ドロップダウンメニューの[トグルナビゲーション]テキストを置き換えるにはどうすればよいですか？

Question

メニューのテキストを縦に表示するのではなく、ウェブページの上部に横に表示するように、CSSで.navbarを調整する方法がわかりません。

第2に、なぜ私のウェブサイトの上部に「トグルナビゲーション」テキストが表示されるのかわかりません（モバイル版のみ）ドロップダウンメニューです（単にデスクトップサイトのバージョンでは）「トグルナビゲーション」テキストが存在しないため、メニューテキストが表示されます。デスクトップとモバイルサイトのバージョンの両方で「トグルナビゲーション」テキストを取り除くことはできますが、ドロップダウンメニューには3行のアイコンが付いていますが、モバイルデバイスのdrowndownメニューはそのままにしておきます。

私のウェブサイトはwww.hintdrop.comです。ページが読み込まれると、私は何を参照しているのでしょうか。問題の領域はフロントページの上部に表示されます。

Answer 1

メインメニューのディスプレイをinline-flexに設定することができます。以下のCSSを追加することができます

#main-menu{ 
    display: inline-flex; 
} 

その他の質問については、ロジック全体を変更することをおすすめします。あなたが求めているのは簡単です。これはlinkです。特に、あなたはすでにBootstrapを使用しています。