FROM CACHE - jp_header

Dawn ヘッダーの編集について教えてください。

sugihara8739
観光客
11 0 0

Dawnのヘッダーについて分からない点が3点あります。

・スクロールした際にヘッダーを固定する方法

・ヘッダーメニューが写真のように左側に寄っている状態から右端に寄せたい。

(一番下に画像を添付しております。)

・ヘッダーメニューの検索ボタンやカートをボタンを消したい。

 

現状としてはコード編集をしてどうにか消そうとしているが、

何処をどう編集すればよいかわからず、困っております。

 

また当方はHTMLの知識は全くない状態です。

宜しくお願い致します。

現状ヘッダー.png

3件の返信3

株式会社フルバランス
Shopify Partner
1473 521 651

Sugihara8739 様

 

はじめまして、フルバランスの道家と申します。

 

ご質問確認いたしました。

コード編集ってどこかとっつきにくいですよね。

 

すぐにお示しできる以下2点のみ回答させてください

 

・スクロールした際にヘッダーを固定する方法

→コード編集 > theme.cssの添付画像あたりのposition: relative;を削除し、position:fixed;とz-index:999;を追記ください。

スクリーンショット 2022-11-08 18.04.03.png

 

・ヘッダーメニューの検索ボタンやカートをボタンを消したい。

→コード編集 > header.liquidの添付画像の赤囲み2箇所を削除してください。

スクリーンショット 2022-11-08 18.03.53.png

なにかヒントになれば幸いです。

 

私たちの励みにもなりますので、

お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。

 

分からない点があれば、またいつでもご連絡ください。

 

フルバランス 道家

株式会社フルバランス(Shopify Experts)
Shopify専門のEC成長支援会社です。ストアの新規構築から運用や改善のサポートなどShopifyに関する幅広いサービスを行なっております。
ECの技術・実務・成長、お悩みのことがあれば、お気軽にご相談ください。
『すべてのブランドの特大成長エンジンを搭載する』 株式会社フルバランス
sugihara8739
観光客
11 0 0

道家様

 

返信していただきありがとうございます。

早速答えて頂いた2点についてお聞きしたいことがあります。

 

ヘッダー固定にする方法につきましてはtheme.cssが見つかりませんでした。

コード編集からレイアウト・テンプレートといった一覧のファイルを確認しましたが、

どのファイルに入っているのでしょうか。

 

またアイコンを消す方法については画像の下部分については消すことができましたが、

上部分(button から始まる方)についてはheader.liquid内を確認しましたが見当たりませんでした。一応ウェブページにて自身のページを確認したところ未だ消えておりません。

どうしたらよいでしょうか。

 

 

 

 

sugihara8739
観光客
11 0 0

道家様

 

アイコンを消すコードについてですが

下の赤い四角の箇所を消したつもりでしたが、別のものでした。

下の赤い四角(<aから始まる方)も同様に見当たりません。