コンパクトヘッダーの設定が利用可能なテンプレートは、「レスポンシブデザインテンプレート」と「スマートフォン版HTML5テンプレート」です。
利用するには、「サイドメニュー」が「使用しない」の設定になっている、または1カラムデザインのテンプレートが選択されている必要があります。

ショップロゴ、ヘッダーナビゲーション、商品検索ボタン、右上ヘッダーボタンが1行で表示されます。
パソコン幅ではヘッダーナビゲーションを表示し、スマートフォン幅では右上のハンバーガーメニュー内にメニューが格納される形式です。
ヘッダー部分をコンパクトに表示するとこで、メインのコンテンツの表示領域をより大きく見せることができます。

詳しくは以下のFAQをご確認ください。
https://www.ocnk.net/faq/index.php?action=faq&id=1725

サンプルサイトでは、グローバルナビのアイコンを非表示にし、区切り線を入れています。
カスタマイズされる場合は、下記の指定をご利用ください。

デザイン管理→スタイルシートの編集から下記の指定をコピーして貼り付けてください。