サポート » 使い方全般 » グローバルメニューの文字を大きくする変更について

  • テーマのStride liteのグローバルメニューの大きさの変更を試みましたが、レイアアウトも変更してしまい、メニューの文字のみの変更は出来ませんでした。原因と対策をご教授下さい。

    なお、変更は style.cssのHeader部の下記のfont-size、padding、main-widthを→の数値に変更しました。

    .main-navigation .navbar-nav > li > a {
    font-size: 12px;              → 15px
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 12px 12px;            → 10px 10px
    color: #fff;
    min-width: 100px;              → 70px
    text-align: center;

    宜しく、お願いします。

    ヘルプの必要なページ: [リンクを見るにはログイン]

5件の返信を表示中 - 1 - 5件目 (全5件中)
  • こんにちは

    レイアアウトも変更してしまい、メニューの文字のみの変更は出来ませんでした。

    提示のスタイルで問題ないような気がしますが・・・。
    どのようなレイアウトにしたいのでしょうか?

    試しに、カスタマイズの [追加 CSS] に記述してみはどうでしょうか。

    .main-navigation .navbar-nav > li > a {
    	font-size: 15px;
    	padding: 10px 10px;
    	min-width: 70px;
    }
    トピック投稿者 fukuiikiikikai

    (@fukuiikiikikai)

    Ishitakaさん

    こんばんは、ご教授ありがとうございます。
    下記のタグを追加しましたが、同じ状態です。

    .main-navigation .navbar-nav > li > a {
    font-size: 15px;
    padding: 10px 10px;
    min-width: 70px;

    レイアウトの変更でなく、変更したいのはInternet Explorerで開くとheader
    部のメニューのタイトルの文字が小さいため大きくしたいのです。

    なお、Chromeで開くと大きく表示されますが、これはアプリの違いでようか。

    Internet Explorer においても、前 reply のスタイルで文字が大きくなると思います。ブラウザのキャッシュの影響で反映されないのかもしれません。ブラウザのキャッシュの削除およびキャッシュ系のプラグインをご利用されている場合はそちらのキャッシュも削除して、確認してみてください。

    トピック投稿者 fukuiikiikikai

    (@fukuiikiikikai)

    ishitaki様

    コメントありがとうございます。キャッシュを削除し確認しておりますが、Internet Explorer の文字は小さいままです。タグは font-size: 12px; ですのでこちらが正常と思っております。Chromeで開いた場合の文字が大きくなっているのが?です。以上、確認のご報告にて。宜しく、お願いします。

    Internet Explorer 11 で検証してみました。
    結果、文字の大きさを変更することができました。なぜ変更されないのかは分かりませんでした。すみません。m(__)m

5件の返信を表示中 - 1 - 5件目 (全5件中)
  • トピック「グローバルメニューの文字を大きくする変更について」には新たに返信することはできません。