サポート » テーマ » ヘッダーのメニューのレイアウトが崩れる

  • 解決済 imphy

    (@imphy)


    ヘッダーの製品情報の中のメニューレイアウトが崩れてしまいました。

    phpがわからないため、cssで修正ができません。

    もしお分かりになる方が居ましたら、アドバイスをお願いいたします。

    ヘルプの必要なページ: [リンクを見るにはログイン]

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • こんにちは

    phpがわからないため、cssで修正ができません。

    CSS で対応できると思います。下記ページが参考になると思います。
    https://www.nishishi.com/css/box-float-inline-block.html

    下記のスタイルをテーマの style.css またはカスタマイズの追加 CSS に追加するいいかと思います。

    高さが揃っていないのが原因なので高さを指定するスタイルを追加

    .header_product_item {
    	height: 210px;
    }

    高さを決め打ちできない場合は、

    .header_product_list_img {
    	font-size: 0; /* 改行の隙間を消すため */
    }
    .header_product_item {
    	float: none;
    	display: inline-block;
    	vertical-align: top;
    }

    こんな感じでしょうか。

    • この返信は2 ヶ月、 4 週間前に  ishitaka さんが編集しました。

    ishitaka様

    早速のご回答ありがとうございます!

    高さを決め打ち出来ない方で修正ができました。
    ご指導いただきましたこと、心より御礼申し上げます。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • このトピックに返信するにはログインが必要です。