Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • January 6, 2017 at 9:21 pm #730514
    MartinP30

    Hello,
    Parallax is working great on desktop, however we cannot get it to work on any mobile device whether it is a phone or tablet, apple or android. I want to use it as a background photo in a color section. Is there any workaround for this issue?

    I’m using the latest Enfold update 3.8.4 on WordPress 4.7

    • This topic was modified 7 years, 10 months ago by MartinP30.
    January 6, 2017 at 10:40 pm #730552
    Basilis

    Hey Martin!

    Please take a look here
    https://kriesi.at/support/topic/parallax-effect-doesnt-work-on-ipad/

    and let us know if that covers your questions

    Regards,
    Basilis

    January 6, 2017 at 10:58 pm #730561
    MartinP30

    Thank you for the reply. As I can see, the effect has been deactivated to prevent some bugs that could appear with that effect on mobiles. But there is a second problem when parallax or even fixed background is chosen. The background image doesn’t position correctly on mobile (IPad or IPhone). Example, if we need the image to position top right corner, it still gets the center center result on the IPad. The only way is to use fixed image and background if we want it to look good with mobiles. Works great on desktop though. Mobiles are 80% of our visitors, that doesn’t make the website look as good as we would like without the use of parallax or fixed background effect.

    • This reply was modified 7 years, 10 months ago by MartinP30.
    January 9, 2017 at 11:16 am #731057
    Andy

    Hi,

    Would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)

    Best regards,
    Andy

    January 13, 2017 at 5:31 pm #733233
    MartinP30

    Hello Andy,
    Sorry for the delay, I was out of town. So, here is the link http://jeunesse-spa.com/maquillage-semi-permanent/#Eyeliner
    I suggest, in order to see the problem, that you try the link on both, computer and a tablet. As for myself, I use an IPad air2. The website is in French, but I put an “ancre” to bring you at the right place on the page.

    Thanks,
    Martin

    January 16, 2017 at 4:44 pm #734177
    Andy

    Hi,

    are you using LayerSlider for your background image in question? Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    Login credentials include:

    • The URL to the login screen.
    • A valid username (with full administration capabilities).
    • As well as a password for that username.
    • permission to deactivate plugins if necessary.

    Best regards,
    Andy

    January 16, 2017 at 5:13 pm #734218
    MartinP30

    Hi,
    As for the image in question, I’m only using the color section. It does the same on my other pages as well when using the color section background image.

    January 16, 2017 at 5:50 pm #734256
    Andy

    Hi,

    use this code inside Quick CSS field:

    @media only screen and (max-width: 767px) {
.av-parallax-inner.alternate_color.avia-full-stretch {
background-size: 206% 69% !important;
background-position: 66% 100% !important;
}}

    Adjust media queries and the values as needed. More information about media queries: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

    Best regards,
    Andy

    January 16, 2017 at 7:16 pm #734308
    MartinP30

    Hello Andy,
    It works just fine thank you

    Thanks again

    • This reply was modified 7 years, 10 months ago by MartinP30.
    January 17, 2017 at 7:38 pm #734946
    Andy

    Hi,

    Glad we could help!
    Please take a moment to review our theme on themeforest https://themeforest.net/downloads
    To know more about enfold features please check – http://kriesi.at/documentation/enfold/
    Thank you for using Enfold :)

    Best regards,
    Andy

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