サポート » テーマ » レスポンシブについて

  • 解決済 uluzrd

    (@uluzrd)


    いつもお世話になっております
    よろしくお願い致します。
    サンプルページを頼まれて作っているのですが

    テーマはfoodeez-liteの子ページを作成してます
    本来であれば、ここのページのように
    レスポンシブが綺麗にいくようなのですが
    https://sketchthemes.com/samples/foodeez-multi-cuisine-restaurant-demo/?no_redirect=true

    自分は何度試しても
    http://www.lumirs.com/wp/rst/rs/
    メニューと下のコンテンツが被ってしまいます。
    メニューら辺でいじったのは
    Reserve Nowを非表示をcssいじった程度です

    メニューをメディアクエリでサイズ指定してmargin-bottomで間隔を空けましたかだめでした。

    何か良いアドバイスがございましたら、よろしくお願い致します。

8件の返信を表示中 - 1 - 8件目 (全8件中)
  • CG

    (@du-bist-der-lenz)

    「メニューら辺でいじったのはReserve Nowを非表示をcssいじった程度です」というのが、具体的でないので不明瞭ですが、「Reservation Link」はメニューとは切り離されているからでしょう。
    「Foodeez」テーマが必要にしているプラグインはインストールできていますか。

    こんにちは、

    返信が表示されませんので、詳細を省いて再投稿します。

    style.cssが、foodeez-lite-bootstrap-stylesheet-cssより先に読み込まれているのが原因だと思います。

    多分、wp_enqueue_styleの第三引数にfoodeez-lite-bootstrap-stylesheetハンドルをセットしてやると、かぶりの部分は変化すると思います。

    
    wp_enqueue_style( 'foodeez-lite-style', $src, array('foodeez-lite-bootstrap-stylesheet'), $ver, $media );
    

    未検証です。ソースを見ただけの想像です。

    @du-bist-der-lenz
    >Reservation Linkはレスポンシブ時、三の真横に表示される感じで
    表示はさせたのですが、やはり被ってしまう状態で
    WordPressをインストールをして、親ページだけの作成もアップしました

    子ページ(現在作成)http://www.lumirs.com/wp/rst/rs/
    親ページのみ http://www.lumirs.com/wp/rst/rs2/

    どちらも、レスポンシブの時は被ってしまいます。
    必要なプラグインのインストールですが、Googleで検索をしたのですが
    Foodeezに必要なプラグインが見当たらなく苦戦もしております。

    @nobita

    ご返答ありがとうございます。
    現在は親・子、両方でページを試してみてますが
    うまく行かない症状です。

    子ページ(現在作成)http://www.lumirs.com/wp/rst/rs/
    親ページのみ http://www.lumirs.com/wp/rst/rs2/

    wp_enqueue_style( ‘foodeez-lite-style’, $src, array(‘foodeez-lite-bootstrap-stylesheet’), $ver, $media );
    セットしたと思うのですが
    うまく表示が行かなく、なんでかなって悩んでおります。

    こんにちは

    サンプルサイトとお作りになったサイトのHTMLで、出力されているHTMLエレメントが色々違うようで、スライダーがないせいなのか何なのか良くわかりません。

    非常に単純な対症療法で申し訳ないのですが・・・

    .Skt-header-image {
        height: 250px;
    }

    ではダメなのでしょうか。

    親テーマの読み込み順もおかしいですね

    この読み込み順だと、style.cssでカスタマイズすればするほど、おかしなことになりそうですね。

    どうしても、このテーマを使わなければならないのであれば、

    日本語環境で使っているなら、テーマホルダー内に ja.cssを作れば、何もしなくても自動読み込みするので、foodeez-lite-bootstrap-stylesheetより後方にセットされるようなら、style.cssの代わりにそれを使うとか、

    Function Reference/wp add inline style « WordPress Codex
    インラインスタイルで、ヘッダーに直接スタイルを埋め込むようにするとか、

    カスタマイザーの追加スタイルを使う方法もあります

    @munyagu

    ご返答ありがとうございます。
    @munyagu様のcssでうまく表示は可能になりました
    自分で作ったの見てて思ったのが
    トップページだけダメなんだーって思いながら

    @munyagu様のやり方と
    自分で、4つのBOXの画像を下げれらいいのでは?と思い
    @media screen and (max-width: 1024px) {
    #featured-box{
    padding-top: 10%;
    }
    }

    @media screen and (max-width: 600px) {
    #featured-box{
    padding-top: 40%;
    }
    }

    http://www.lumirs.com/wp/rst/rs/

    このcssでうまく行ったのでこれで今は表示しています。

    アドバイスとても感謝しております。
    ありがとうございます

    @nobita

    ご返答ありがとうございます
    確かにこのテーマはすごくやりにくい感はあります
    今までの中で1番やりにくいかな?って感じです。

    今回はたまたま知人用のサンプルを作るのに
    このテーマを利用したのですが

    あまりおすすめしないようにします
    上記でも記載したのですが
    画像の位置を下げて、レスポンシブで表示させました。

    新しいテーマもいくつか見つけたので、それを見つつ
    @nobita様のアドバイスを試してみたいと存じ上げます。

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

8件の返信を表示中 - 1 - 8件目 (全8件中)
  • トピック「レスポンシブについて」には新たに返信することはできません。