スマホ（モバイル）のサイトタイトルのフォントサイズ

PR 2015/5/24

このトピックには5件の返信、2人の参加者があり、最後に向後隆により11年前に更新されました。

5件の返信スレッドを表示中

投稿者

投稿
- 2015年5月23日 4:04 AM #26918
  
  向後隆
  ゲスト
  
  お世話になります。
  
  スマホ（モバイル）のサイトタイトルのフォントサイズですが、
  それを大きくしたいのですが、
  下記の通りではダメみたいで。。。。
  
  #mobile-menu a{
  font-size: 50px;
  }
  
  ご教授頂ければ幸いです。
  
  よろしくお願いいたします。
- 2015年5月23日 9:40 AM #26925
  hidekichi
  ゲスト
```
@media screen and (max-width: 440px){
  #site-title a {
    font-size: 50px;
  }
}
```
  でどうでしょうか？
  
  元はcss/narrow.cssあたりに書いてあるだろうと思いますが、子テーマstyle.cssに追記します。
  もし、子テーマstyle.cssに@media screen and (max-width: 440px)の部分があるなら、その中に#site-title a {…}の部分を追記しても良いです(それらとは別に書いておいても良いです)。
- 2015年5月23日 5:02 PM #26940
  
  わいひら
  キーマスター
  
  カスタマイザーで完全レスポンシブへ表示にしていないのなら、hidekichiさんの書いたコードをmobile.cssに書いてもOKかと思います。
- 2015年5月24日 12:40 PM #26972
  
  向後隆
  ゲスト
  
  hidekichi様、わいひら様
  
  お世話になります。
  また、ご教授ありがとうございます。
  
  残念ながら完全レスポンシブに設定しているためか、
  hidekichi様の方法では表示出来ないようでございます。
  
  別の方法があれば、ご教授頂きたく思っております。
  
  よろしくお願いいたします。
- 2015年5月24日 2:35 PM #26978
  
  わいひら
  キーマスター
  
  hidekichiさんのやり方に!importantをつけてもダメでしょうか？
  それでもダメなら、hidekichiさんの方法を実際に実装したページのURLを教えてもらってよろしいでしょうか？デベロッパーツールで原因を見た方が原因がわかりやすいので。
- 2015年5月24日 3:49 PM #26980
  
  向後隆
  ゲスト
  
  わいひら様、hidekichi様
  
  ご教授ありがとうございます！！
  !importantを付けたら、無事出来ました！
  
  お二人ともありがとうございます！！
  
  今後ともよろしくお願い致します。
投稿者

投稿

5件の返信スレッドを表示中

トピック「スマホ（モバイル）のサイトタイトルのフォントサイズ」には新しい返信をつけることはできません。