Take your website
To the next level
Discover our newly launched customization services and elevate your web projects to new heights.
Delegate tasks, save time, and unlock the power of professional WordPress outsourcing.

Okay
  Public Ticket #1540951
Parallax Effect Issue
Closed

Comments

  • Joeri Torfs started the conversation

    Hi,

    I'm setting up a site here: https://qolei.org/
    (Under construction)

    Everything seems to be working fine.
    But I think there is an issue with parallax feature.

    Parallax feature is not working in screen resolution 1920x1080 (it works fine in 1920x1200  and smaller though).

    I found a workaround but it came with issue.
    If I activate the option "Parallax on mobile", the parallax effect works in 1920x1080 as well but pictures from parallax section disappears in mobile (iphone)
    https://drive.google.com/file/d/1hlGnU4RWNBGQzHal2cp0avYIPuafDC13/

    Please assist.

    Thanks!

  •   Joeri Torfs replied privately
  •  7,092
    Oliver replied

    Hi,

    After I login to the wp-admin are I still can't see your main page, there coming soon mode, pls. give me link to the page where you're facing this issue.

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • Joeri Torfs replied

    Thank you for replying.
    I'm building one page site so only main page is active.
    Can you please clear the browser cache and try again - I can view the site after logging.

    Here is the link to Homepage editing:
    https://qolei.org/wp-admin/post.php?post=31001&action=edit

    Thanks!

  •  7,092
    Oliver replied

    Hi,

    Sorry, don't see any problems, in what block and browser you're facing this issue?

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • Joeri Torfs replied

    Please see the sections where I've numbered the sections that I'm talking about and then see the attached video. 
    (please ignore the disoriented pictures - thats due to screenshot plugin I'm using in browser)
    https://drive.google.com/file/d/1ISwqza8-F5NZv8iY1spNgY3nRh6AAHr1/

    Site in chrome (1920x1080)
    Please see the attached short video where parallax is not working.

    Here in 1366x768 parallax is working fine
    https://bit.ly/2HmJnNL

  •  7,092
    Oliver replied

    Sorry, don't see any problems, in what browser are you testing?

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • Joeri Torfs replied

    If I check from developer tools just like you did, it appears fine but when I check it in the actual device (1920x1080), It appears like the video that I've sent you (Firefox).
    Its appearing fine in other devices.

    --------
    I noticed if I activate the "Parallax" in mobile, the issue gets fixed in 1920x1080 but we get issue in mobile screen (pictures from those section disappear).
    This option: https://drive.google.com/file/d/1xp5y_67hMG93HJ2FV7vyZzJ1N7CB_GtO/

  •  7,092
    Oliver replied

    HI!

    pls. use following css:

    body .fullwidth-block {
        -webkit-transform: none; 
        -moz-transform: none;
        -ms-transform: none;
        transform: none;
    }

     

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver