Mo template data-scrollreveal

Hi,
I'm having trouble getting one of the modules that has the data-scrollreveal feature to work properly on mobile.
It is the module that sits in the Top2 section of the demo and has the 'For App Developers' text animated.

I have the module sitting in the Bottom2 position. The animation works fine and the image resizes, but in mobile view the animated text section is cut off.

There was an older post relating to this and i've tried the suggested fix but nothing seems to work.
Help please

HI

Can You please show me what You have in mind exactly ? I'm checking https://demo.gavick.com/joomla25/mo/ with my iPhone and not sure where to look for the cut text.

Hi
In the demo it's the module that has the photo of the guy leaning on his elbow with a laptop. The text 'For App Developers' slides in on a yellow box.
I've tried putting this module in position Bottom2 but the text doesn't work - on mobile it goes too far to the left and sits too low so you can't see it. The image resizes well.
Thank you

Hi

It looks good on my phone when I check it on our demo. You need to show me Your site so I'll be able to tell what is wrong.

Thanks for your reply. Yes it works in your demo but not on my site when using the module in a different position (Bottom2 instead of Top2).
I had to disable it from my site as the site had to go live and it looked bad on mobile. I've temporarily re-published the module so hopefully you can see it. My website is www.zebracreative.co.nz

Please add this code to override.css and make sure override is enabled in template settings.

Code: Select all

@media only screen and (max-width:820px) {
.box.imagebg h3 {
    margin: 100px;
}
}


Thank you very much. It worked perfectly!

Hi
Glad I could help.
---
If You were satisfied with our support please let other users know on Twitter: http://twitter.com/gavickpro or Facebook: http://www.facebook.com/gavickpro