dawn theme: parallax effect not active in mobile

Store Design
, , ,
1

Hi, can anyone help me activate the parallax effect on mobile view? I’ve enabled it in the theme customizer, but it’s not working on my phone.

my store: https://hera-theme.myshopify.com/

pass: hera

Screenshot 2024-08-31 071631.png
Screenshot 2024-08-31 071631.png222×460 157 KB

2

It’s not about Dawn, but about sections you’ve got from Luna Templates.

Section code includes these CSS rules:

.LT-parallax-on {
      background-attachment: fixed;
  }
  . . .
@media only screen and (hover: none) and (pointer: coarse){
  .LT-parallax-on {
    background-attachment: scroll;
  }
}

First rule tells the browser to implement fixed background for parallax effect.

But second one turns this off for mobiles (devices with touchscreen and no mouse).

The reason for this is that fixed background usually either not working or bad looking on mobile devices – browser either ignores first rule or scrolling becomes jagged.

If you want to try it – comment out the second CSS rule.

1 Like
3

thank you so much