Header-Background-Image disappeared after WP-Update

after updating Wordpress to the latest version I noticed some troubles on our company-website www.gebeke-verpackungen.de, which I’ve made with a child theme for shapely. Unfortunately I don’t know which version was installed before. I made a few modifications in the css-file, and everything worked fine before the update.
After the update the header-background-image disappeared (class = parallax-window fullscreen) as well in mobile view as in desktop view! I’ve attached two screenshots to see, where the background-image should be normally (sorry, I’ve uploaded 4 instead of 2 images).
Other problems are, that the main navigation isn’t horizontal anymore but vertical, and other section-images on the site are very small now in mobile view.

Do you have an idea? Thank you very much in advance!

The site isn’t available anymore (only when I’m logged in).
Error message: “Oops! That page can’t be found”
What happened here? :frowning:

Now the disaster has happened :frowning:
While there was the message “Oops! That page can’t be found” for non-logged-in users, I still could edit my site via shapely customizer.
I checked settings → read, to ensure, which page was set as homepage under “static page”. There was no value set (see screenshot) !!!
So I’ve choosed a page that I thought, it had been the homepage before.
Now the error message disappeared, because there is a homepage now, and mostly the site looks like before (except missing header-image and wrong navigation).
But I can’t edit the old code via customizer anymore! All entrys, I’ve made to that page, are gone!!! How can I bring them back?
I need urgent help, please!!!

I could solve the problem with the vertical navigation myself. I had to modify the CSS file. Don’t know why this has changed after updating Wordpress.

Hey there

Is there anything for me? or is this problem already fixed? :slight_smile:

Hi Noda,
no, the problem with the disappeared header-background-image (class = parallax-window fullscreen) is still there. I don’t know, why the image isn’t shown and how to bring it back.
I can see it in the source-code of the browser, but it seems that the image is cut off.

Thanks in advance!


I’ve tried some tests with the widgets. When I change the background-image in “Homepage -> Parallax section for FrontPage” to “Background Small”, there is the background-image shown, but cut off at the top. When I change it back to “Background Full”, no image is visible (see Screenshots).

Is there anyone, who can help me? It seems, it has to do with this code:

<div class="parallax-mirror" style="visibility: visible; z-index: -100; position: fixed; top: 230.047px; left: -15px; overflow: hidden; transform: translate3d(0px, 0px, 0px); height: 1px; width: 1478px;"><img class="parallax-slider" src="https://www.gebeke-verpackungen.de/wp-content/uploads/titelbild_neu.jpg" style="transform: translate3d(0px, 0px, 0px); position: absolute; top: -461.038px; left: 0px; height: 739px; width: 1478px; max-width: none;"></div>

When I change “overflow: hidden” to “overflow:visible”, the image is shown, although the cutout is not correct.

Hi andreas

First of all, it’s not necessary to add so many details, you are making this ticket even more complicate, I only need a very brief description of the problem (image is not showing on homepage + one screenshot is enough) and I will take care about the rest :slight_smile:
I will check your problem, please use this plugin to create temporary access for us, its automatic login link and does not requires sharing your admin details. here is How To guide. at the and don’t forget about  “Set as private reply” at the bottom of the message box

Hi Noda, thank you very much for your reply!
I’ve installed the plugin, here’s the login-link:

Good Luck :slight_smile:

Good morning Noda,
could you login to our site with the link, I’ve sent you?


Yes, thank you, before we try custom css, can you please delete and create a new section instead of this? I see you re also not using any text in this widget, so, you just want to have image here?

Hi Noda,
yes, there should be only a background-image.
I’ve created a new “Parallax section for FrontPage” above the first section. The result is the same, only a thin line is visible instead of the background-image.
(I’ve deleted the new section…)

Hi Noda,
could you already discover a mistake in the code?


Try this code:

div#shapely_home_parallax-2 .parallax-window.fullscreen {
    display: block;
    min-height: 400px;
    background-image: url(https://www.gebeke-verpackungen.de/wp-content/uploads/titelbild_neu.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;

and you may need to change some values in the code like height, and probably image as well to show a better image

Hi Noda,
thank you, that looks a lot better :slight_smile:
But I had to change a little code for the result. I had to leave out the background image itself in the css-snippet, otherwise there would have been two background images in a row, one from the CSS and the background image from the widget. Strangely enough, the widget’s background-image is now displayed (https://www.gebeke-verpackungen.de/). Unfortunately it hangs a little too far down (the white header-area is too big), so that part of the picture is cut off at the top. This is apparently positioned automatically via javascript. How can I position it higher myself?

There’s another parallax image not shown, see screenshot. What could be the problem there?
Thanks in advance!

Hi there

Weird, please install this plugin and check agian

Hi Noda,
unfortunately this didn’t solve the problem :frowning: