Squarespace：モバイルのみ

Question

例テンプレートに視差スクロールを無効にします。https://eamon-demo.squarespace.com/#overview-eamon

ラスタースクロールは、携帯電話で吃音する傾向があるので、画面サイズが一定の幅になると私はそれを無効にしたいと思います。

@media only screen and (max-width: 640px) { 
    h1 { font-size: 60px; } 
    h2 { font-size: 35px; } 
    h3 { font-size: 30px; } 
    body { font-size: 18px; } 
} 

Squarespaceを使用すると、オンとオフ視差をオンにするダニできるデザイン]タブにあるボタンが用意されています。私はこれまでのカスタムCSSのセクションでこれを小さい画面用のフォントを変更運を持っていました。画面サイズが小さくなったら、カスタムCSSを使ってそのボタンをチェックする方法はありますか？ありがとう。

Answer 1

SquareSpaceは、視差効果を無効にできない場合は、手動でtransformプロパティをオーバーライドしてみてください：

@media only screen and (max-width: 640px) { 
    #parallax-images .image-container img { 
     transform: initial !important; 
    } 
}