サイト内検索
モバイル表示の際、サムネイルの横に抜粋を表示する方法 | カスタマイズ相談 | Cocoon フォーラム

Topic starter2021年2月20日 03:59
再びお世話になります。
エントリーカードの表示について、ほぼタイトルの通りなのですが、モバイルですとサムネイルの横に抜粋が回り込んできくれません。
PC表示のときと同じく、抜粋がサムネイルの横に表示されるようにしたいのですが、Cocoonの設定でこれを実施できますでしょうか?
2021年2月20日 09:09
前略、YYTBD さん
いま、あまり時間がないので、簡単にですが、Cocoon設定では、できなかったような気がします。
CSSでの独自のカスタマイズが要るかもしれません。
ただ、やってみるとわかるかと思いますが、スニペットをサムネイル画像の右にすると表示幅が狭くなり、よみづらくなる可能性もあります。(旧iphone SE 等の画面幅の狭い端末のことも視野に入れて)
他に、右側にしたい理由があればまた別ですが、その辺りも、テーマ作者様が配慮されてのことと思いますので、個人的には、現状の方がよいような気がします。
This post was modified 2週間前 2回 by リフィトリー
わいひら 件のいいね!
2021年2月20日 17:06
YYTBD さん
以下のコードで試せるかもしれません。
@media screen and (max-width: 480px) {
.ect-entry-card .card-snippet {
clear: none;
margin-left: 40%;
}
}
わいひら 件のいいね!
2021年2月21日 05:06
YYTBD さん
スニペットをサムネイル画像の右側にした場合で、モバイル端末でスニペットの7目の文字の頭が見えてしまう場合は、max-heightの数値を調節すると良いかもしれません。
@media screen and (max-width: 480px) {
.ect-entry-card .card-snippet {
clear: none;
margin-left: 40%;
max-height: 7.6em;/*デフォルト7.8em*/
}
}
わいひら 件のいいね!