英語またはスペイン語で動的に表示される Web サイトを構築しています。スペイン語の場合、単語が長くなり、ナビゲーション バーが 2 行目に重なって表示されます。
どのコードを変更する必要がありますか?
ありがとう！-カレン
編集:フォントを小さくしたくありません。英語では同じサイズのままであることが重要です。
ただし、スペイン語版では、サイズを小さくしたり、パディングを減らしたりするつもりです。
ページの URL に /es/ が含まれている場合に CSS スタイルを追加する方法を知っている人はいますか? できればPHPで。
navbar を 1 行にするためにできることはたくさんあります。
font-size1)文字間隔が短いフォントスタイルを小さくするか、異なるフォントスタイルを作成します。
2) 同様に、padding各メニュー リスト内の を小さくして、収まるようにすることもできます。
3) おそらくこれはやりたくないでしょうが、サイトのスペイン語版を別のレイアウト幅にすることもできます (コンテナーの幅を大きくします)。
さまざまな方法があります。コードを変更して、それがどのように見えるかを確認するだけです。また、最終的に 2 行で終わる場合もあれば、メニュー リストを短くする方法を見つける場合もあります。
コードを投稿しないと、それ以上の支援は困難です。