サポート » テーマ » surfaramaというテーマのカスタマイズ

  • こんにちは、いつもお世話になっております。

    公式テーマのsurfaramaというテーマをカスタマイズしています。
    このテーマはブラウザの幅を狭めると、ふだん4列で表示されてるindexページのグリッド部分が3列や2列になったりとレスポンシブに作られているようです。
    このレスポンシブ機能を無くしたいのですが、CSSを見てもどこに書いてあるのかわかりません。。

    スマホの表示はプラグインで別のテーマに振り分けるようにしてるので、surfaramaではこのレスポンシブになる動きを止めたいのです。
    iPadで見てみたら3列になるのですが、iPadの縦or横で見たときもパソコンで見るようなレイアウトがそのまま写ってほしいと思ってます。
    シングルページもパソコンと同じ表示にしたいです。(サイドバーが下に降りずサイドにある状態を保ちたいです)
    こういった表示にするにはどこをどうカスタマイスしていいのか
    ご存知の方いらっしゃいましたらお教えくださいませ。
    よろしくお願いいたします。

    すみません、そういえば少し前に、
    このへんがレスポンシブのことを書いてあるのかな?と思い、
    2766行目からの
    MEDIA QUERIES & DEVICE STYLES
    Developed by: Andy Clarke & the 320 & Up Extension
    URL: http://stuffandnonsense.co.uk/projects/320andup/
    @media only screen and (max-width: 6000px) ~
    ↑この@media only screenがついてる部分を全部削除してしまってるんですが・・
    消してもレスポンシブ機能は生きています・・

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • このテーマはmasonryというjQueryのプラグインを使ってブロックのレイアウトを制御していますので、列数の指定はcssではなされていないです。

    wp-content/themes/surfarama/library/js/scripts.js
    でウィンドウの幅に応じたブロックの幅を設定していますので、このファイルを触っていく必要があるかと思います。

    トピック投稿者 suu68

    (@suu68)

    ご回答いただきありがとうございます。

    なんと、CSSではなく、そんなところにあったとは・・
    驚きでした。
    難しそうですがなんとか挑戦してみようと思います。

    アドバイスありがとうございました。
    お礼が遅くなり申し訳ありませんでした。

    ありがとうございました。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「surfaramaというテーマのカスタマイズ」には新たに返信することはできません。