Hello,

Same problem here, images were not showing in the first place. I’ve put in both CSS-fragments, disabled the CSS-file merging and tried different order of the code-fragments. I know see the images (which is an improvement), but the ‘parallex effect’ (images fixed and moving 2 versions over each other) is not working. Both versions (drawing and photo) are now showing up under each other and that’s not even close to the desktop version which I fell in love with ;)

My question: is this (ever) going to work on mobile devices, especially iOS versions of Chrome and Safari? Victoria replied: ‘Parallax does not work on mobile in this implementation’, is there a way to fix this so it works the same as on desktop browsers? Or is this technically impossible? Of course I can hide sections on mobile devices as a work-around, but that is not a fix for me, the effect is gone.

I will put the website and credentials in the private content of this message, this is the CSS-code I used:

.avia_mobile #top .av-parallax {
background-size: contain !important;
background-attachment: scroll!important;
background-position: 50% 65%!important;
}

@media only screen and (max-width: 767px) {
  .responsive #top #wrap_all #header {
    position: fixed;
    top: 0;
  }
}

@media only screen and (max-width: 1024px) {
.avia-bg-style-fixed {
    background-attachment: scroll !important;
    background-size: cover !important;
}
}

Thanks for your help in advance!

Best regards,
Linus

• This reply was modified 4 years, 2 months ago by Linus. Reason: Further clarified my question, want to knowe if this is _ever_ going to work