メニュー項目がJoomlaで1行ではなく2行に表示される

Question

私はjoomlaメニューに新しいメニュー項目を追加しましたが、今度はメニュー項目を1つの水平線に6つ表示するのではなく、垂直に厚すぎます。どのようにして1行にまとめるのですか？メニューの幅を変更する必要がありますか？

Picture of Issue

Picture of Title Banner

Answer 1

オプション1：メニューのフォントサイズとパディング

を減らして、私は確かにウェブサイトへのリンクが必要があると思いますが、あなたはRocketThemeを使用しているように見えますAnacronテンプレート。

/* Menu - Adjust for Screen Widths */ 
@media only screen and (min-width: 1200px) { 
    .gf-menu.l1 > li > .item {font-size: 15px;} 
    .gf-menu.l1 > li > .item {padding: 0 10px;} 
} 
@media only screen and (min-width: 960px) and (max-width: 1199px) { 
    .gf-menu.l1 > li > .item {font-size: 11px;} 
    .gf-menu.l1 > li > .item {padding: 0 9px;} 
} 
@media (min-width: 768px) and (max-width: 959px) { 
    .gf-menu.l1 > li > .item {font-size: 9px;} 
    .gf-menu.l1 > li > .item {padding: 0 5px;} 
} 

：1がすでに存在しており、狭い画面の幅にメニューの幅を小さくするフォントサイズとパディングを調整し、次のコードを追加していない場合

もしそうなら、あなたは/public_html/templates/rt_anacron/css/rt_anacron-custom.cssでカスタムCSSファイルを作成することができます

フォントサイズとパディング番号を調整する必要がある場合があります。

編集：私は今、あなたが等しい幅（それぞれ50％）との隠されたロゴやヘッダ領域のメニューを持って見

追加のオプションを追加します。

オプション2：ヘッダーで無効にロゴ

あなたは、ヘッダーにロゴをしたくない場合は、あなたがExtensions -> Template -> Anacron - Default -> Styleでテンプレートの設定でそれを無効にすることができます

オプション3：テンプレートの幅の50％以上をメニューで使用できるようにレイアウトを変更する

uがロゴを維持したい、あなたは1行であなたのメニューを保つために十分なスペースを提供するために、Extensions -> Template -> Anacron - Default -> Layoutsでのヘッダ要素間の比率を修正することができます。