Shopify Question posted in
The Shopify help center can be found here.

background-attachment: fixed; is not working in firefox – Shopify

here is my site
https://charles-keally.myshopify.com/
Its been a whole day fixing the parallax image. The last image show parallax in chrome but not in mozilla. Please somebody help me.
I’m using debut theme.
All I did is just add
background-attachment:fixed;
in hero.liquid
Anyone please help me
Thanks

Tags:

2

Answers


  1. 0

    If you disable this on the .page-container class:

    -ms-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);

    It should be better.

    Login or Signup to reply.
  2. 0

    There have been bugs in the past with transformations in Firefox. After some quick searching, it looks like on your .page-container class contains some transformations that when disabled appear to solve your problem.

    .page-container {
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search