Background image disappears when scrolling

  • I’ve been trying to convert a Bootstrap 4 page to a WP theme. I’ve gotten most things to work, but the intro has a background image that’s there when I load the page, but disappears when I scroll. The basic HTML file for that page works just fine, and I can’t find anywhere that gives a hint on a way to fix this issue.

    Odd thing is, the theme that I did for Bootstrap 3, while it has issues, doesn’t have this particular problem. (the old layout is here if you want to see what I’m talking about: https://www.southwestcf.org)

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

Viewing 5 replies - 1 through 5 (of 5 total)

  • You have an erroneous file in /theme/wp-includes/js/ folder named index.php

    Perhaps it was added there in error?

    There may be more.

    Core files should never be edited or files added to core folders such as wp-includes.

    To fix, backup and then move current wp-includes out of site root (or delete) and replace with a copy from a fresh download of WordPress.

    Thread Starter dubird

    (@dubird)

    I checked and I don’t have an index.php in that folder. I went ahead and replaced anyways, didn’t solve the issue.

    Thread Starter dubird

    (@dubird)

    Anyone have any other suggestions I can try?

    Thread Starter dubird

    (@dubird)

    I have an update.

    I’ve been playing with what I have, and what I’ve noticed is that the intro-header box that contains the background image disappears when I scroll. The text doesn’t disappear, just the box with the background image.

    Thread Starter dubird

    (@dubird)

    Update 2

    The intro-header was inside the HTML5 <header> tag. I changed it to a div instead and now it works. Any reason why WP isn’t handling the <header>tag properly?

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Background image disappears when scrolling’ is closed to new replies.

Tags