Forum
J! JAPAN TOP
ようこそ, ゲスト
ユーザ名: パスワード: 自動ログイン

トピック: 狭い解像度で消えてしまうポジションについて

狭い解像度で消えてしまうポジションについて 1 年 9 ヶ月 ago #5036

  • hitoridake
  • hitoridake さんのアバター
  • Offline
  • Senior Boarder
  • 投稿数: 48
  • カルマ: 0
何度も質問を投稿してしまって申し訳ありません。

今回はサイトをオープンにすることができず

その状態では回答をいただくのは難しいかもしれませんが

解る範囲でアドバイスをいただけると助かります。


Joomla Joomla! 3.4.8を使用しています。日本語化もしております。

テンプレートにはJOOMLARTのpurity_IIIというものを使用しております。

purity_IIIを使用するにあたってT3 Frameworkもインストールしております。

また

モジュールでRocketThemeのroksprocketというものを使用しております。


フッターに

footerというポジションとは別に

footer-1から6までのポジションがあります。

このポジションが

タブレットやスマホだと消えてしまいます。

T3 Frameworkの設定画面ではResponsive Layoutの設定があり

LaegeやSmallなど解像度に合わせて

footer-1から6を横一列に並べるか2列か縦一列か等の設定項目があるので

そういう風に使えるかと期待していたのですが

実際は狭い解像度で消えてしまいます。


ということで

消えない方法を探しております。

自力で頑張って調べてみたところ

多分ですが

.visible-sm



.hidden-md

のようなBoostrapの設定が関係しているんじゃないかと思い

ここらへんの記述がされているファイルを探しているのですが、現時点でまだ見つかっておりません。

拡張子が.phpなのか.cssなのかも不明です。

こちらのサイトで

FirefoxのFirebugが使いやすいと他の投稿で目にしたので

使ってみたのですが

恥ずかしながら使いこなすことができず

<div class="container hidden-xs">という記述があるのをFirebugで見つけたものの

それがなんのファイルに書き込まれているのか見つけることができませんでした。

hidden-xsを削除すれば解決するんじゃないかと想像しているのですが、どうなんでしょうか。

アドバイスいただけると嬉しいです。

よろしくお願いいたします。
最終編集: 1 年 9 ヶ月 ago : hitoridake.
ゲストの書き込みは許可されていません。

狭い解像度で消えてしまうポジションについて 1 年 9 ヶ月 ago #5037

  • siraisi
  • siraisi さんのアバター
  • Offline
  • Platinum Boarder
  • 投稿数: 457
  • 感謝を受け取りました 45
  • カルマ: 32
/templates\pur/ity_iii/css/bootstrap.css 6824行目

@media (max-width: 767px) {

.hidden-xs {

display: none !important;

}
}

上記を320px前後で調整してみてはいかがでしょうか。

CSSなど文字列を検索置換するソフト(フリーソフトGrepReplace など)があれば便利です。
mail: このメールアドレスはスパムボットから保護されています。閲覧するにはJavaScriptを有効にする必要があります。
ゲストの書き込みは許可されていません。

狭い解像度で消えてしまうポジションについて 1 年 9 ヶ月 ago #5038

  • hitoridake
  • hitoridake さんのアバター
  • Offline
  • Senior Boarder
  • 投稿数: 48
  • カルマ: 0
siraisiさま

アドバイスありがとうございます。

おかげさまで解決しました。

最終的には別名でペンプレート名を付けて保存しており

/test/templates/purity_iii/local/css/themes/自分でつけたテンプレート名/bootstrap.css



@media (max-width: 767px) {

.hidden-xs {

display: none !important;

}
}

を削除することにより

狭い解像度でもfooter1-6が表示されたままの状態になりました。

また

back to topのボタンも表示されたままになり助かりました。

ありがとうございます。
ゲストの書き込みは許可されていません。