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

[mnfdann1]

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

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

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

[福水正太]

はじめまして。

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

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

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

[mnfdann1]

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

使用テーマはprestigeです。

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

theme.cssのhtmlを

html {

padding-bottom: 0px !important;

}

Shopifyストアにログインしていない状態

にすることで余白はなくなりましたがこの方法より良い方法はありますでしょうか？

[福水正太 · Accepted solution]

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

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

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

ただ、

html {

padding-bottom: 0px !important;

}

こちらの方法でも特に問題はないので、ちょっと月並みな表現ですが、直ったなら大丈夫、という感じです。

ただ、今使用されているprestigeテーマで、今後さらに不具合らしきものが起きたときは、入れているアプリか開発したコード(があれば)の見直しが必要かもしれません。

[mnfdann1]

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

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