-
AuthorPosts
-
April 2, 2014 at 8:55 pm #246726
Hey there –
Great job on the theme!
I’m having an issue that other folks have reported where mobile hyperlinks, especially within color sections, don’t work.
My site is here: http://www.parkchenaur.com.
After applying the latest EnFold update, most of the links outside of the top color section now work. However – the ones on the top color section do not.
I’ve applied the CSS code you pasted in the other threads, pasted below. Any ideas what might be wrong? It is also conceivable that I put the code in the wrong way somehow.
Thanks!
Code I’ve tried…
.avia_mobile #top .av-parallax-section{z-index: 0;}
@media only screen and (max-width: 767px) {
#mobilehometwo a { z-index: 99 !important; }}April 5, 2014 at 12:38 am #247693Hey rickpark!
Can you point me to an specific link so i can take a look at it, been looking all over your site couldn’t find any that has the described problem,
Cheers!
DavidApril 5, 2014 at 8:35 pm #247854The home page has the issue. On the home page the color section with the background image of the city landscape, the five button links do not work on mobile.
Thanks!
April 7, 2014 at 2:23 pm #248181Hey!
Please try adding !important rule to the code as following
.avia_mobile #top .av-parallax-section{z-index: 0 !important;}
and also try adding the code to Custom.css file inside Enfold/Css folder and flush browser cache on your mobile device after applying the code
Cheers!
YigitApril 7, 2014 at 9:52 pm #248491I added that code to both the style section in EnFold options and Custom.css inside the Enfold/CSS folder. I also cleared the cache and I still can’t get the links to work on either Safari or Chrome (both on iPhone).
Was that all the style code I needed, or did I need something more?
Thanks!
April 10, 2014 at 7:58 pm #249911/Bump!
Any ideas on what else we can do to get this working?
April 11, 2014 at 1:51 am #250010Hey!
Do you mind creating a temporary admin login and posting it here privately so we can take a look?
Regards,
YigitApril 11, 2014 at 5:53 pm #250328This reply has been marked as private.April 12, 2014 at 3:06 am #250412Hey!
Thank you for the links.
Please try to set the color section’s background attachment to scroll. See if it fixes the issue. Add this on Quick CSS or custom.css:
@media all and (max-width: 989px) { .avia-section { background-attachment: scroll !important; } }
Cheers!
IsmaelApril 21, 2014 at 9:07 am #253693I don’t want to hijack someone else’s topic but on my site I had the same problem and I came across this topic.
I had some color sections with a fixed background in wich the links didn’t work on mobile devices. After reading this topic and Ismael’s answer I have set the background images of the color sections to scroll. This resolves the problem with the links in the specific color sections indeed.
Now I wonder why the hyperlinks aren’t working on mobile devices when the background image of a color section is set to fixed. Any idea?
Regards,
ErikApril 21, 2014 at 1:13 pm #253733Hey!
@driekus Which version of the theme are you using? If not the latest 2.6.4, please update it. Kriesi also mentioned that version 2.7 will be released this week. If it is not so urgent for you, you can also wait for 2.7Cheers!
YigitApril 21, 2014 at 3:48 pm #253859I am using 2.6.4 but in my case it’s not that urgent indeed.
Regards,
ErikApril 21, 2014 at 3:55 pm #253872 -
AuthorPosts
- The topic ‘Links not working on mobile’ is closed to new replies.