これはちょっと高度なテクニックになるので、
もし挑戦される場合は、本当に自己責任でお願いします。

もともとのテーマファイルのバックアップは必ずとりましょう　＾＾；

あとは、そこまでカスタムするのであれば、
外部の業者さんに依頼された方が懸命かもしれません。

私の場合は、何でも自分でやる性格なので、
今後も自分でやり続けますが・・自己責任で　笑

っというわけで、ヘッダーをオリジナルにする方法です。

やり方はいくつかあるのですが、私がやった方法です。

まずは、デフォルトのヘッダーナビを非表示にします。

使っているテーマに .headnavi というクラスがあるので、
そこに下記のスタイルを追加します。

これで、現在のヘッダーナビは非表示になります。

ついでに私の場合は、デザイン設定→ヘッダとＳＥＯの設定で

カートをみる
ご利用案内
マイページへログイン
お客様の声
サイトマップ
お問い合せ

上記のテキストは無しにしています。

さて、ここからがミソです。

独自にヘッダーナビを表示するためのエリアを確保します。
下記のCSSを追加します。

追加したCSSをヘッダのバナーエリアから呼び込みます。

表示される内容は上記の間に入れます。
表示するメニュー自体は各自で作ってくださいね　＾＾；
テーブルでも、リスト要素でもお好きなもので♪

それと、使っているテーマによっては、見た目の間隔とかを調節するために、
#header の高さとかを調整する必要があるかもしれません。

なにはともあれ、これで好きな項目・デザインで表示できます。

最後に、くれぐれも自己責任で。。。
この件に関しては、直接使っているテーマ・ソースを見ないと
ハッキリとしたことがわからないので、お助けすることができません。

追記 ：
現在はこのような面倒なことをしなくてもカスタムできるように仕様が変更になっています。
でもやっぱりある程度のCSSの知識は必要です。

posted by そば富泉