x

Parallax Issue on Mobile

I'm having an issue with my parallaxed sections on my website. Looks great on desktop and phone, but on tablets my photo is blown up large to one section and you can't see the whole photo. I understand that the parallax doesn't work on mobile, but I would like it to at least show static on the tablets. Any experience or help with this?

1,473 Views
Message 1 of 3
Report
2 REPLIES 2
Square

Thanks for reaching out, @melissahubans I don't believe it is possible to edit this at the moment. You are more than welcome to submit this as a feature request, though. 

1,460 Views
Message 3 of 3
Report

Weebly doesn't have 'true' parallax, however you can fix the position of the background on mobile devices by adding this CSS to your theme/page.

There is one problem with this method (which I suspect is why it's not generally supported with mobiles) and that is that the image resizes slightly if the browser's URL location bar disappears/appears as the user scrolls. If you can put up with that, you're in luck I hope.

Regards,

Mark

@media screen and (max-width: 992px) {
.wsite-section-effect-parallax {
    background-attachment: fixed;
}}
395 Views
Message 4 of 3
Report