Parallax In Mobile View

jackstall

Hey guys...so I have this weird bug... When a device reports itself as a mobile device the parallax is not working (parallax meaning background of a block with fixed position)... Not sure why... Any ideas?

On a mobile it has a scroll behavior... BUT - when I use Chrome device emulator its OK there. Its not OK in physical device only... So its very hard to find out where the bug is.

Please let me know..

saguaros

jackstall

Hi,

For mobile view, you will need to add some custom CSS for it, try this one:

@media screen and (max-width: 600px) {
    .jub-block.spotlight-1.prod11 .spotlight .bg-overlay {
        background-attachment: fixed !important;
        background-position: right bottom !important;
    }
}

jackstall

Thank you but...I know that :-D Point is that I thought that these things should be automatic... I mean...this product NEEDS an update guys... I just finished this website and I had to write over 1500 lines of additional CSS to make it work... I really doubt thats the way page builder is supposed to work... For example - when I say to a block that I want fixed background I want it to keep it that way on every device and not add a code for it if you know what I mean. There is no problem to code things but its slow - thats why we use page builder in a first place. I can code it manually but I need a more quick and efficient way and a current pagebuilder is not helping much to be honest :-(

EDIT: Not to mention that its not the cheapest solution out there...

saguaros

jackstall

Thanks for your feedback, I also checked with JA Builder at my side but can't replicate the same, somehow it happens on your site specific.

We're also working on the new JA Builder update, I will notice this one to our dev team also.

Thank you!