-
Posts
-
I just created a new page for my site containing all parallax sections. Everything works great except when I open this page on a mobile device (i.e. iPhone or iPad) the “See More” buttons in each of the parallax sections can’t be clicked. The button links work fine on my desktop browser however they can’t be clicked on my iPhone or iPad no matter what I do. I noticed if I change these sections to “scroll” I can click on the buttons fine. Can you please help me figure this out as I would like to put this page live soon. Thanks!
Hey djshortkut!
Thank you for using Enfold.
I checked the site on an iPod and I was able to click the see more buttons. I’ll ask the rest of the support team to test it as well.
Cheers!
IsmaelCan I please get some help with this issue? I am still having issues with the buttons on this specific page not working on mobile devices. It seems to be related to parallax sections. As soon as I change these sections to “scroll” the button works fine. I know there was an issue before that Kriesi fixed where color sections weren’t showing up on mobile devices and I think this might be related to that issue. Even if I try to rebuild this page, it still doesn’t work. I tried turning off all of my plugins as well to see if one of them was affecting this and it is not. Any help is greatly appreciated because my users can’t click through on this page as it stands. Thanks!
Hey!
Hmm.. I checked this again today and the buttons are working. Let me ask the team to check it on different devices. If possible, please create a test page with the issue. We will check that page instead.
Cheers!
IsmaelHey!
Thank you for the test page. I checked the site again on iOS device, safari and chrome. The buttons are working in either portrait or landscape mode. Are you sure it’s not working? Please try to remove browser cache then reload the page. There’s no element in the site that can cover up the button so there’s no reason why it won’t work.
Cheers!
IsmaelI was wondering if there has been any progress on this. Kriesi checked my site and told me he was able to replicate the issue. He said there is some sort of issue with parallax with other browsers as well and he was going to be fixing that soon. Any idea when this will be as the buttons on my site still won’t work as long as I have parallax selected on my mobile device.
Hi!
Did you open a new thread where Kriesi replied? Where can we find it? I checked our “Issues” list but I don’t see anything about this particular issue. We’ll ask Kriesi to check this thread personally. Again, I’ll ask the rest of the support team to check the test page:
http://www.unpluggedeventlighting.com/lighting-design-test-page/
Regards,
IsmaelNo, it was on the comments section of the enfold page that he responded to me about it. He said he was able to duplicate the problem and that there was a parallax issue with another browser as well so he was going to need rewrite things. Just wanted to see if I can expect that with the next update? He told me to remove parallax from my page in the meantime. I have since deleted the test page. You can find the page that is having the problems below.
Hi!
Sorry for the delay. I will ask Kriesi to check this thread personally. Please wait for his response.
Regards,
IsmaelI’m hoping somebody can help me with this issue I am still having that was never resolved. The buttons on this page still do not work when I touch them on a mobile device (iPhone & iPad) which is a problem since this page shows all of the services I provide and allows clients to learn more about what we do. As stated earlier in the thread, this seems to be related to parallax sections which cause the buttons not to work. Can you please let me know what I can do to fix it? I have already tried disabling all plugins and this does not remedy the issue. Thank you!
Hi!
I have notified Ismael you can come back to you when he is around.
I am sorry for the delay!Cheers!
BasilisHi!
Can you please recreate the test page? We found other threads confirming the issue. If I remember correctly, you have an iPhone with retina display. Is this happening on mobile devices without retina display?
Regards,
IsmaelThanks Ismael. I have created a new test page and left the link in the private content section. Yes, I have an iPhone 6 with retina display. The same issue is happening on my iPad 4 with retina display. Unfortunately I do not have any devices or know anyone that has a device without a retina display to test on since most devices these days have retina displays. Please let me know what can be done to fix this issue. Thanks!
Hi!
Can you please try adding following code to Quick CSS
@media only screen and (max-width: 1024px) { .av-parallax .avia-button-wrap { z-index: 999; }}Regards,
YigitSo I searched the forums for other threads that had this same issue and found the thread below. I input the code that this user offered and low and behold it fixed the issue so now my buttons are clickable on iOS devices with a parallax background! Just thought I would share in case you run across anybody else with the same issue. Hopefully there will be a bug fix for this in a future update. Thanks for all the help and you can now close this thread.
.avia_mobile #top .av-parallax { position: absolute !important; }
- The topic ‘Button Issue on Mobile Devices’ is closed to new replies.