Mo template data-scrollreveal

January 2013 Joomla Template
Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Thu Apr 14, 2016 12:49 am
Reply with quote
Report this post
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 :)
User avatar
Junior Boarder

teitbite
Mon Apr 18, 2016 11:42 am
Reply with quote
Report this post
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.
User avatar
Moderator

GK User
Sun Apr 24, 2016 4:46 am
Reply with quote
Report this post
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
User avatar
Junior Boarder

teitbite
Mon Apr 25, 2016 9:13 am
Reply with quote
Report this post
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.
User avatar
Moderator

GK User
Mon Apr 25, 2016 11:18 pm
Reply with quote
Report this post
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
User avatar
Junior Boarder

teitbite
Tue Apr 26, 2016 11:06 am
Reply with quote
Report this post
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;
}
}
User avatar
Moderator

GK User
Tue Apr 26, 2016 11:39 am
Reply with quote
Report this post
Thank you very much. It worked perfectly! :)
User avatar
Junior Boarder

teitbite
Fri Apr 29, 2016 9:44 am
Reply with quote
Report this post
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
User avatar
Moderator


cron
Remember me
Register New Account
If you are old Gavick user, click HERE for steps to retrieve your account.