Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • February 2, 2016 at 10:58 pm #576762
    cdav77

    Hello,

    Thanks for creating a great theme!

    I am encountering the same problem as these other threads:
    https://kriesi.at/support/topic/background-image-fixed-parallax-disables-portfolio-grid-links-on-mobile/ (#238398)
    https://kriesi.at/support/topic/mobile-problem/ (#243589)

    Specifically, some of the links that work fine on desktop do not work on my Android device or on my iPad. And the ones that don’t work are different on the two mobile devices. I’m using version 3.4.7 of Enfold and WP 4.4.2. I have several background images set to FIXED and PARALLAX. When I change all the background images on the page to SCROLL rather than FIXED or PARALLAX, the problem goes away.

    I tried each of the three css modifications suggested is the above threads, with no luck:
    .avia_mobile #top .av-parallax-section{z-index: 0;}

    .image-overlay {
display: none !important;
}
    @media all and (max-width: 989px) {
.avia-section {
background-attachment: scroll !important;
}
}

    Is there another fix for this?

    Thank you!

    • This topic was modified 8 years, 2 months ago by cdav77.
    February 4, 2016 at 4:20 am #577525
    Ismael

    Hi cdav77!

    Thank you for using Enfold.

    Could you please provide a screenshot of the issue? Did you use the android’s stock browser? Please test it on chrome or firefox.

    Cheers!
    Ismael

    February 4, 2016 at 4:51 am #577532
    cdav77

    Thanks for the quick reply. Yes, I’m using Chrome on my Android phone. I’m not sure that a screen shot will help. The link looks ok, but just doesn’t work. If you’d still like one, please let me know the best way to provide it – I don’t see a file upload button.

    Thanks,
    Connie

    February 5, 2016 at 11:54 am #578441
    Vinay

    Hey!

    I checked for these 4 links (screenshot in private)

    I checked on android only the last one right above color section did not do anything when i clicked rest of them worked fine.

    Please add more padding to the bottom of each section try 100px just to isolate the problem. If you still have issue please get back to us with the temporary admin login details so we can login and take a closer look.

    Cheers!
    Vinay Kashyap

    February 5, 2016 at 5:42 pm #578630
    cdav77

    Yes, that’s right – on the Android phone just the last link doesn’t work. And on my iPad mini the last 3 links don’t work. When I made the bottom padding 150px for all 4 columns, all the links worked on both devices. So it looks like the background image (in fixed mode) in the color section below is somehow interfering with the lowest links? As I’m sure you understand, I can’t leave that much padding at the bottom of the columns. :)

    I changed the links to buttons, hoping that might work better, but no luck. I’ll provide admin access below.

    Connie

    February 6, 2016 at 9:48 am #578972
    Vinay

    Hey!

    Thanks for trying it out. We have fixed this by adding a higher z-index to the 4 column grid.
    We enabled class support for all ALB elements and added an extra class called zindex .

    It is working correctly on my android mobile but i don’t have an ipad please check and let us know :)

    Regards,
    Vinay Kashyap

    February 8, 2016 at 5:40 pm #579780
    cdav77

    Thanks so much – it works perfectly now on both my android and ipad mini!

    When you mention enabling class support, I assume you’re referring to the issue discussed here: https://kriesi.at/support/topic/turning-on-custom-css-class-field-for-all-alb-elements/ (#484265)? Did you make the change in functions.php? If so, is this going to be integrated into the next version of Enfold, or will I have to re-enable it when I update?

    Thanks again,
    Connie

    February 8, 2016 at 8:18 pm #579867
    Vinay

    Hi!

    You are most welcome.

    Yes you are right. Please bookmark this link about custom css class support for your theme in case you need it after theme update http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    by default it is already there in the functions.php at the bottom
    you just need to uncomment it by removing the “//” in front of the code.

    but mostly you don’t have to do this after the theme update as it is registered enfold function.

    Best regards,
    Vinay Kashyap

    February 10, 2016 at 8:35 pm #581340
    cdav77

    Just out of curiosity, why is this function commented out by default? I think it would be great to have the custom CSS class field available by default.

    Connie

    February 12, 2016 at 4:38 am #581989
    Rikard

    Hi Connie,

    I’m not sure why Kriesi has opted to not have it active by default but I think it’s due to the fact that most user won’t use it at all.

    Regards,
    Rikard

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.