以下を、子テーマのstyle.cssに追記。

@media screen and (max-width: 768px){
  .booklink-link2, 
  .kaerebalink-link1, 
  .tomarebalink-link1, 
  .product-item-buttons {
    clear: none;
  }  
}
 

ボタンのキャプションの文字数が少なければ、これでもおそらく大丈夫だと思います。

タブレットとはいえ、狭い端末用も考えてちょっと表示が違うとのこと納得しました。

おそらく今回の要望はほとんどないと思うので、CSSは抜きでこれでトピックを閉じていただければ幸いです。

いつもですが、今回も丁寧にご対応いただいて本当にありがとうございます。

戻す方法が必要でしたら、戻す用のCSSを書きますよ。

早速対応してくださってありがとうございます。こちらでも確認できました。

スマホでは中央揃えで十分です。

さて、たびたび申し訳ないのですが、タブレット表示では、PC表示と違って何か間延びしている印象を受け、何が原因なんだろう？と思ったら、

タブレットの場合、探すボタンが図の下に配置されているのに対し、PC表示では図の横になっています。

もしかしたら、これは仕様かな？と思ったのですが（スマホ・タブレットで共通の仕様になっている？）、可能であればPCとタブレットが同じ感じになれば幸いです。

最後に、細かいことをいろいろお願いしてしまって申し訳ないです……。

お返事が遅くなってしまってすみません。iPadは夫のモノなので、パスワードが解除できないと検証ができなくて……

iPadで早速拝見したのですが、表示崩れは無事に治っていました。ありがとうございます。

ただ、一点確認したいのですが、PC表示では左寄せですが、スマホ、タブレットでは商品名や金額などのテキスト情報が中央寄せです。

こちらの文字列の表示を左寄せに統一していただくことは可能でしょうか？

と言いますのも、スマホの場合画面が小さいので中央表示でもあまり違和感が少ないのですが、タブレットの場合画面が大きいため見にくいと感じております。

仕様上難しいのかもしれませんが、ご検討いただければ幸いです。

早速本題ですが、タブレット表示の際に商品リンクの表示が崩れます。

https://happystyle.me/test/

1. 商品名リンクが中央並びになる。

2. 探すボタンがない場合に表示が崩れる。

わたしのブログだけじゃなくて、わいひらさんのページもなっているようです。

ご確認いただければ幸いです。