Big background image does not show (IE/Edge)

As it seems that I can not update my own post (?); the Lite demo has the same issue:

View it in Edge / Internet Explorer

https://www.demos.machothemes.com/pixova-lite/

Koen

Hi,
I see you fixed it on https://www.rensranc.nl. What did you do?

Hi,

Thanks for the reply.
But I did not fix it, the problem still occurs.

I also tried a install of previous version, but this did not solve it.

Hi,
I found workaround, but this removes this scrolling effect in header.

I added at the end of css file such line:
.parallax-bg-container { background-image: url(“https://xxx/wp-content/themes/pixova-lite/layout/images/header-bg.jpg”); }

where xxx is your webpage address.

EDIT: Fixing scrolling effect:

.parallax-bg-container {
background-image: url(“https://xxx/wp-content/themes/pixova-lite/layout/images/header-bg.jpg”);
background-repeat: no-repeat;
background-position: right top;
background-attachment: fixed;
}

I can only test it on IE11. Let me know how this is working for you.

• This reply was modified 8 years, 2 months ago by frees.

Hi,

Many thanks for your suggestion. In my case this was not the ultimate solution. But it helped me out!

If you add an custom background image, the image is loaded between these tags (please note the new class ‘parallax-bg-image’ that added by the theme):

<div class="parallax-bg-container">
<div class="parallax-bg-image" data-image-source="xxx/background.jpg">
</div>
</div>

So I also changed the other class with the properties you provided. This is what I added to the CCS:

.parallax-bg-container {
background-image: url("https://www.rensranc.nl/wp-content/themes/pixova-lite/layout/images/header-bg.jpg");
background-repeat: no-repeat;
background-position: right top;
background-attachment: fixed;
}

.parallax-bg-image {
    background-attachment: fixed;
    background-position: right top;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    z-index: -1;
}

And it works out fine ?? Ok, the image is no longer resized to be fitted. But that is not really an issue to me.

To be honest I am not completely sure/aware of what I did. So if there are any errors in the CSS now, feedback is welcome.

Hopefully this will somehow be fixed in the upcoming releases of Pixova.

Cheers,
Koen

if there is no follow up on my post, I will change the topic state to ‘resolved’.

• This reply was modified 8 years, 2 months ago by koenvrancken.
• This reply was modified 8 years, 2 months ago by koenvrancken.