kViewerのカスタマイズにつきまして

[yu1212]

社外向けのFAQのページを作成しております。
下記の2点につきまして対応したいと考えているのですが、cssやjavascriptで
対応可能なのでしょうか。

①ロゴがスマートフォンで見たときに見切れてしまうため、中央揃えで画像が全て入るようにする。

②スマートフォンで閲覧した際にサイドコンテンツにある「まとめて検索」で検索した時や「リンクテキスト」をタップした時に自動でコンテンツの部分までスクロールする

.link {
 width: 100%;
 padding: 10px;
 font-size: 15px;
 display: inline-block;
 color: #fff;
 background-color: #fc9942;
 margin-bottom: 5px;
 border-radius: 4px;
}

a.link:hover {
  opacity: 0.6;
}

.kv-main-mobile {
    order: 1;
}

現在、下記の2つを参考にしてスマートフォンで閲覧した際に
「まとめて検索」と「リンクテキスト」が上に表示されるように
なっております。

FAQ（セグメントビュー）

kviewerのスマホレイアウトについて

初歩的な質問で大変恐縮ですが、ご教示いただけますと幸いです。

[yu1212]

ロゴ画像は下記のコードを入れることで解決できました。

img {
  max-width: 100%;
  height: auto;
}