FROM CACHE - jp_header

html.jsにクラスがつくことでページ全体に余白を出てしまう

解決済

html.jsにクラスがつくことでページ全体に余白を出てしまう

mnfdann1
Shopify Partner
14 0 1

mnfdann1_0-1699453090654.png

画像のようにページを開くとクラス"js"がつきpadding-bottom:60pxが反映させてしまい、余白が出てしまいます。

previewバーのhide barをクリックするとpadding-bottom:60pxはなくなるのですが、本番環境にも余白が出でしまいます。

何か解決方法はないでしょうか?

 

 

1 件の受理された解決策
福水正太
Shopify Partner
63 24 23

成功

ご返信ありがとうございます。

 

私が持っている最新のprestigeテーマでは、同様の問題が発見できませんでした。

 

おそらくですが、ストア構築時の開発で追記されたコードかアプリが、不具合を起こしているかと思われます。

 

ただ、

 

html {
padding-bottom0px !important;
}
 
こちらの方法でも特に問題はないので、ちょっと月並みな表現ですが、直ったなら大丈夫、という感じです。
 
ただ、今使用されているprestigeテーマで、今後さらに不具合らしきものが起きたときは、入れているアプリか開発したコード(があれば)の見直しが必要かもしれません。
国内5番目の個人Shopifyエキスパート|Shopifyストア構築100以上|Shopifyアプリ開発5個|Shopify専門メディア運営|自社ECをShopifyで立ち上げ~運用|法人2社経営|Shopify漬けの日々|主にShopify関連の役立つ情報を発信します

https://5-bit.jp/

元の投稿で解決策を見る

4件の返信4

福水正太
Shopify Partner
63 24 23

はじめまして。

株式会社ファイブビットの福水と申します。

 

上記ですが、Shopifyストアにログインしていない状態、例えば別の端末などでサイトを閲覧すると、padding-bottom:60px は反映されない仕様にはなっていないでしょうか?

 

もしそうでなければ、該当のストアのURLか、使用テーマをご教示いただければと思います。

国内5番目の個人Shopifyエキスパート|Shopifyストア構築100以上|Shopifyアプリ開発5個|Shopify専門メディア運営|自社ECをShopifyで立ち上げ~運用|法人2社経営|Shopify漬けの日々|主にShopify関連の役立つ情報を発信します

https://5-bit.jp/
mnfdann1
Shopify Partner
14 0 1

ご返信ありがとうございます。

使用テーマはprestigeです。

Shopifyストアにログインしていない状態でもpadding-bottom:60pxがある状態です。

theme.cssのhtmlを

html {
padding-bottom: 0px !important;
}
Shopifyストアにログインしていない状態
にすることで余白はなくなりましたがこの方法より良い方法はありますでしょうか?
福水正太
Shopify Partner
63 24 23

成功

ご返信ありがとうございます。

 

私が持っている最新のprestigeテーマでは、同様の問題が発見できませんでした。

 

おそらくですが、ストア構築時の開発で追記されたコードかアプリが、不具合を起こしているかと思われます。

 

ただ、

 

html {
padding-bottom0px !important;
}
 
こちらの方法でも特に問題はないので、ちょっと月並みな表現ですが、直ったなら大丈夫、という感じです。
 
ただ、今使用されているprestigeテーマで、今後さらに不具合らしきものが起きたときは、入れているアプリか開発したコード(があれば)の見直しが必要かもしれません。
国内5番目の個人Shopifyエキスパート|Shopifyストア構築100以上|Shopifyアプリ開発5個|Shopify専門メディア運営|自社ECをShopifyで立ち上げ~運用|法人2社経営|Shopify漬けの日々|主にShopify関連の役立つ情報を発信します

https://5-bit.jp/
mnfdann1
Shopify Partner
14 0 1

ご確認ありがとうございます。現在のところ問題はなさそうなのですのでこの方法で対処しました。

ご教示ありがとうございました。