• Resolved tianxl

    (@tianxl)


    Hi all,

    I have two Gutenberg cover blocks on my page.
    In the editor, I turn on the “Fixed background” toggle. However, the parallax effect doesn’t work.

    In the dev tool, I can see the has-parallax class is output to the front-end.

    Also, the horizontal scroll bar shows up at the bottom because two cover blocks are slightly wider than the body.

    System: Windows 10
    Browser: Chrome and Firefox
    WP version: 5.6

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • In the editor, I turn on the “Fixed background” toggle. However, the parallax effect doesn’t work.

    I see the parallax effect on both images. Here’s a screenshot:

    Thread Starter tianxl

    (@tianxl)

    Thanks, George.

    This is strange. I have a friend, he runs a site that has the same codes as mine, his parallax effect works fine.

    Moderator bcworkz

    (@bcworkz)

    There’s a script error on the page which could be preventing the background shift you’re looking for. It’s caused by navigation.js being loaded before the jQuery library. This is likely due to your theme enqueuing the script while not specifying correct dependencies. Additionally, the jQuery library is loaded twice. Not an error per se, but inefficient. The theme is also loading its own copy of the library. This can introduce conflicts should other plugins attempt to use the built-in WP version.

    I recommend seeking assistance through your theme’s dedicated support channel.

    Thread Starter tianxl

    (@tianxl)

    Thanks.
    I fixed the jQuery in my local environment, but the parallax effect in local still doesn’t work.
    I ran Mac 10.15 in Vmware, the live site parallax effect works in Safari, I did get a horizontal scroll bar at the bottom.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Parallax and full width issue on cover image block’ is closed to new replies.