FROM CACHE - jp_header

スライドショーをヘッダーの部分に表示させたい

arimachan
訪問者
2 0 0

ヘッダーの背景を透過し、スライドショーの上にメニューを表示したい

画像参照

 

スクリーンショット 2023-07-31 22.38.18.png

 下記のように

スクリーンショット 2023-07-31 22.39.12.png

  • CSS
1件の返信1
Qcoltd
Shopify Partner
931 371 353

@arimachan 

 

ご質問いただいている、スライドショーをヘッダーの部分に表示させたい件ですが、ご使用のテーマが不明なため考え方を記載させていただきます。

簡単に設定するには、ヘッダーより下にコンテンツエリアがある場合は、コンテンツエリアに対しCSSでヘッダー分マイナスマージンを入れると良いのではと思います。

 

DawnテーマでのCSS例

main {
  margin-top:-50px;
}

-50px部分は実際のヘッダーの高さに合わせてください。

 

実際にご使用のテーマをご共有いただけましたら、もう少し詳しく回答ができるかもしれません。
有料のテーマですと、対応できない場合もありますのでご了承ください。

 

ご参考まで。
(キュー小坂)

株式会社Q (キュー)
グラフィックデザイン、アパレル事業、Web制作など色々やっている渋谷区代々木の会社です。ShopifyでのECサイトの運営・開発も行なっています。
https://techlab.q-co.jp/