HOME フォーラム Lightning Lightningを使用していますが、スマホで見るとヘッダー画像がはみ出てしまう。

このトピックには4件の返信が含まれ、2人の参加者がいます。11 ヶ月、 1 週前 with さんが最後の更新を行いました。

5件の投稿を表示中 - 1 - 5件目 (全5件中)
  • 投稿者
    投稿
  • #7924

    with
    参加者

    スマホのヘッダー画像がはみ出てしまう。

    こちらの設定をしても変わりませんでした。

    スマートフォン閲覧時にスライドショーの両端が非表示になりました

    #7941
    じょに次郎
    じょに次郎
    モデレーター

    記載の通りExUnitのCSSカスタマイズに

    @media (max-width: 767px){
    .carousel-inner {
        width: 100%;
        margin-left: 0;
    }
    }

    を書いたら自分の環境では問題なく両端表示されました。

    固有の症状かと思いますので、あとは実際のサイトを見ないとなんともな感じです。

    #7970

    with
    参加者

    デザインスキンは「Lightning Charm」です。
    ExUnitのCSSカスタマイズに記載しております。

    @media (max-width: 767px){
    .carousel-inner {
    width: 100%;
    margin-left: 0;
    }
    }

    スマホで両端が表示が切れています。
    確認しましたが全く変わりません。
    何が原因でしょうか。

    なぜでしょうか。

    #7971
    じょに次郎
    じょに次郎
    モデレーター

    Charmで私の環境では問題なく効いたので、
    個々の環境にもよる問題かと思いますが、
    下記ならいけるのではないかと思います。

    @media (max-width: 767px){
    .carousel-inner {
    width: 100% !importatn;
    margin-left: 0 !importatn;
    }
    }

    おそらく業務でウェブ制作をしている方か、
    自分で細かい所までカスタマイズしたい方だと思いますので下記を参照ください。

    全てのWordPressテーマで使える!デザインをピンポイントで変更する方法 〜親テーマのCSSは書き換えないで〜

    #7972

    with
    参加者

    構文は以下で宜しいですか。
    !important; のスペルを訂正しましたが
    変りません…。

    @media (max-width: 767px){
    .carousel-inner {
    width: 100% !important;
    margin-left: 0 !important;
    }
    }

5件の投稿を表示中 - 1 - 5件目 (全5件中)

このトピックに返信するにはログインが必要です。