Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #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; }}

    #247693

    Hey 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!
    David

    #247854

    The 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!

    #248181

    Hey!

    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!
    Yigit

    #248491

    I 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!

    #249911

    /Bump!

    Any ideas on what else we can do to get this working?

    #250010

    Hey!

    Do you mind creating a temporary admin login and posting it here privately so we can take a look?

    Regards,
    Yigit

    #250328
    This reply has been marked as private.
    #250412

    Hey!

    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!
    Ismael

    #253693

    I 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,
    Erik

    #253733

    Hey!


    @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.7

    Cheers!
    Yigit

    #253859

    I am using 2.6.4 but in my case it’s not that urgent indeed.

    Regards,
    Erik

    #253872

    Hey!

    Please wait for version 2.7 and let us know if issues remain, in that case :)

    Cheers!
    Yigit

Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Links not working on mobile’ is closed to new replies.